ajax分页时,点击浏览器后退按钮返回到上一页

 ajax翻页到第5页,然后点浏览器 键后退键, 不会回到第4页 ?


 ajax触发的时候, 浏览器上的url地址也需要跟着变啊, 后面跟#参数就可以了

HTML Coding

We use anchor links (starting with #) on the tabs so that the history feature will work:

<!-- tabs -->
<ul class="css-tabs">
  <li><a href="ajax1.htm">Tab 1</a></li>
  <li><a href="ajax2.htm">Second tab</a></li>
  <li><a href="ajax3.htm">An ultra long third tab</a></li>
</ul>
 
<!-- single pane -->
<div class="css-panes">
  <div style="display:block"></div>
</div>

HTML

JavaScript coding

We use the history plugin together with the ajax effect:

    $("ul.css-tabs").tabs(
      "div.css-panes > div",
      {effect: 'ajax', history: true}
    );
JavaScript


例子http://jquerytools.org/demos/tabs/ajax-history.html#ajax1.htm

你可能感兴趣的:(JavaScript,Ajax,浏览器,Class,div,tabs)