AJAX和後退按鈕（無法獲得JQUERY歷史記錄工作）

Question

我正忙於製作一個廣告網站，在分類頁面上用戶可以調整屏幕（請參閱http://www.huurhulp.nl/verhuur/vakantie-en-recreatie/），例如下一頁將調用AJAX請求並加載新的廣告。我知道後退按鈕不適用於AJAX，例如，如果我點擊了廣告並想回到概述（第3頁），所以我嘗試了整體JQUERY歷史示例，但我無法讓它們工作。 JQUERY歷史是唯一的選擇，我做錯了什麼，有沒有人有一個很好的例子？

Answer 1

看看Ben Alman's Back Button and Query插件。

這使您可以輕鬆地將'狀態'推入瀏覽器網址。例如$.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"); 
});