Question

我在新内容中使用jQuerys .load到Ajax，但这意味着我的浏览器中的后退按钮被禁用。有没有办法让后退按钮工作并显示以前加载的内容？

这是我用来加载带有新的ajax内容的div的代码：

$(".itm1 a").click(function(evt) {
     var page = $(this).attr('href');
     $("#page1").load(page, function() {
        $(this).hide().fadeIn("slow"); 
     });
     evt.preventDefault();
  });

如果您需要解释我的行为，请告诉我！请帮助!!!

Answer 1

您可以尝试以下方法：

function load(page) {
    window.location.hash = page;
}

这可以用于将哈希添加到您正在加载的页面。

加载时检查是否存在哈希并加载页面：

window.onload = function() {
    if (window.location.hash.length > 1) {
        page = window.location.hash.split("#")[1];
        load(page);
    }

}

修改

阅读你的问题时我有点快.. 为了获得最佳性能和兼容性，我建议您尝试使用以下插件：https://github.com/cowboy/jquery-hashchange

使用带有Jquery Ajax .Load的后退按钮

1 个答案: