2012-01-17 61 views
1

我想加載我的下一個/以前的帖子與ajax鏈接。我寫了這段代碼,它運作良好。但是,當用戶單擊「返回」按鈕時,地址欄中的位置不會更新。添加歷史記錄支持我的ajax腳本

$(".next a").live("click", function(e){ 
    e.preventDefault(); 
    $("#portfolio_item").load(jQuery(this).attr("href") + " #portfolio_item"); 
    $("#portfolio_item").animate({marginLeft:'98%'}); 
    $("#portfolio_item").animate({marginLeft:'0px'}); 
    $("#right_content, #gallery").fadeOut().delay(1000).fadeIn(); 
    return false; 
}); 

我讀過有關像「jQuery的地址」和「燒烤」的插件,但我怎樣才能將它們應用到我的代碼?希望得到幫助!

回答

0

我不確定這是你想要的,但如果你需要一些URL編輯+歷史管理(無需加載新頁面),你應該結賬history.js。這是一個非常棒的js庫,它允許您重寫URL而無需重新加載頁面並將歷史記錄存儲在JavaScript變量中。

爲了瞭解它是如何工作的,在我給你的第一個鏈接上有一個可下載的演示和教程。

希望這有助於。

+0

感謝您的回答!我也見過這個插件,我怎麼偶然發現這個插件:http://www.serpere.info/jquery-history-plugin/samples/ajax/。我有它的工作,只有位置顯示錯誤:http://websites.nl/portfolio/#/http://websites.nl/portfolio/item1。任何想法如何在不破壞功能的情況下改變這種狀況? – 2012-01-17 14:23:12

+0

我想你希望你的網址在#/後只有item1。當你傳遞你的新網址時,你是在放置「item1」還是「/ item1」?這可能是問題(我從來沒有使用過你的插件)。 – Alex 2012-01-17 17:22:45