加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

通过hash来解决AJAX页面后退前进的问题

发布时间:2020-12-16 01:01:25 所属栏目:百科 来源:网络整理
导读:问题:使用AJAX访问资源时,浏览器地址栏里的地址是不变的,此时后退和前进按钮也就不能用了。 办法:当访问地址发生变化时,修改页面的hash,使浏览器记住曾经访问的地址 代码: $('.accordion-inner').click(function(){ //更改hash window.location.hash=

问题:使用AJAX访问资源时,浏览器地址栏里的地址是不变的,此时后退和前进按钮也就不能用了。
办法:当访问地址发生变化时,修改页面的hash,使浏览器记住曾经访问的地址
代码:

$('.accordion-inner').click(function(){
         //更改hash
         window.location.hash='#'+$(this).attr('inc');
      })
      function loadPanel() {
         //div 加载外部页面
         $("#tabs-511269").load(window.location.hash.substr(1));
      }
      //绑定hashchange事件
      $(window).bind("hashchange",loadPanel);

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读