AJAX 和后退按钮（无法使 JQUERY 历史记录正常工作）

Question

我正忙于制作一个广告网站，在类别页面上，用户可以调整屏幕（参见 http://www.huurhulp.nl/verhuur/vakantie-en-recreatie/），例如下一页将调用 AJAX 请求并加载新广告。我知道后退按钮不适用于 AJAX，例如，如果我单击广告并想要返回到概述（第 3 页），那么我尝试了几个 JQUERY 历史记录示例，但我无法让它们工作。 JQUERY History 是唯一的选择吗？我做错了什么吗？有人有一个很好的例子吗？

Answer 1

查看 Ben Alman 的后退按钮和查询 插件。

这使您可以轻松地将“状态”推送到浏览器 URL 中。例如 $.bbq.pushState("page", "2") 将 #page=2 添加到浏览器 URL。

http://www.huurhulp.nl/verhuur/vakantie-en-recreatie/#page=2

然后，您连接一个事件处理程序，该事件处理程序会在哈希更改时触发，并在其中处理您的 ajax 导航。例如，

$(window).bind( "hashchange", function(e) {
    var category = $.bbq.getState("category");
    // do your ajax stuff here....
});

为后退按钮支持剩下的唯一一件事就是在页面首次加载时触发 hashchange 事件。

$(document).ready(function() { 
    $(window).trigger( "hashchange" );
});