シンプルなjQuery AJAXナビゲーションへのヒストリサポートの追加

Question

jQuery AJAXナビゲーションにヒストリサポートを追加しようとしていますが、jQueryについてよく分かりません。次のスクリプトは、現在のドキュメントのaを別のドキュメントのaに置き換え、ページの内容を変更します。ブラウザの履歴とブックマークをサポートするためにスクリプトを改善するにはどうすればよいですか？ありがとう。

$(document).ready(function(){ 
//References 
var loading = $("#loading"); 
var container = $("#container"); 
var link; 

//Manage click events 
$("a.ajax-links").click(function(e){ 
    //prevent default action 
    e.preventDefault(); 

    //show the loading bar 
    showLoading(); 

    //define the target and get content then load it to container 
    link = $(this).attr("href") + " #content"; 
    container.load(link, hideLoading); 
}); 

//show loading bar 
function showLoading(){ 
    loading 
    .css({visibility:"visible"}) 
    .css({opacity:"1"}) 
    .css({display:"block"}) 
    ; 
} 
//hide loading bar 
function hideLoading(){ 
    loading.fadeTo(1000, 0); 
}; 

}）;

Answer 1

はajaxifyとHistory.jsを試してみてください - それはURLを直接ではなく、使用してハッシュ^{read why hashes aren't ideal here}を変更するので、それはHTML5履歴APIを使用します、そして要旨はあなたのためのリンクとAjaxを処理します。