ajaxスクリプトに履歴サポートを追加する

Question

私は次の/前の投稿リンクを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のアドレス」と「バーベキュー」のようなプラグインについて読んだが、どのように私は私のコードに適用することができますか？助けを求めて！

Answer 1

これが欲しいかどうかはわかりませんが、URL編集+履歴管理（新しいページを読み込まないでください）が必要な場合は、チェックアウトする必要がありますhistory.js。これは、ページをリロードせずに履歴をJavaScript変数に保存せずにURLを書き直すことができるすばらしいjsライブラリです。

どのように動作するかを見るために、私があなたに与えた最初のリンクに関するダウンロード可能なデモとチュートリアルがあります。

これが役に立った。