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