jQueryでのpushstateとloadを使用した後方ナビゲーション

Question

私は現在、jQueryを使用してコンテンツを動的にdivにロードしてから、pushstateでURLを更新しています。

私は（いくつかは、例えば、簡略化のため除外）これまでに次のコードを持っている：

$("body").on("click", "a:not(.noclick)", function(){ 

    history.pushState({path: $(this).attr("href")}, "", $(this).attr("href")); 

    $("#main").load($(this).attr("href")); 

    return false 
}); 

それが期待どおりに動作し、それが新しいコンテンツ負荷にどうあるべきかへのURLの変更が、バックボタンは現在、官能化されてないですバックが押されると、URLは前のものに変わりますが、何も起こりません。

jQueryでサイトを使用してヘッダーなしでコンテンツをロードしたり、javascriptやページを表示せずにURLからページを表示して、その部分に問題はありません。

最後のpushstateの履歴を読み込むためにバックナビゲーションに負荷を使用する方法はありますか？私はハッシュを使用しないことを好むだろうが、それが可能であるかどうかわからない？

これが役に立った場合、Facebookはナビゲーションでこれを行うようですか？

Answer 1

popstateイベントハンドラが必要です。

しかし、jquery-pjaxを使用して、他人の問題を解決してみませんか？

あなたはおそらく、次は十分であろう、pjaxスクリプトが含まれていたら：

$(function() { 
    $("a:not(.noclick)").pjax("#main", { fragment: "#main" }); 
}); 

この特定の使用は、非#mainコンテンツを削除するために、任意のサーバ処理を必要としませんが、pjaxもサポートしていますあなたが参照する部分的なコンテンツ。

Answer 2

https://developer.mozilla.org/en-US/docs/DOM/window.onpopstate

あなたがpjaxを使用したくない場合は、このリンクは、お手伝いをします。