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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值