前端之家收集整理的这篇文章主要介绍了
通过hash来解决AJAX页面后退前进的问题,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
问题:使用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);