jquery - History.js を使用しているときにクリックされた戻る/進むボタンを検出するにはどうすればよいですか?

Question

コードで jQueryを使用して History.js ( click ) を使用しています。

ajax 経由で新しいコンテンツをロードするときは、次を使用します。

History.pushState({my:stateobject},"newtitle","supernewurl");

ブラウザで URL が更新されるため、これは機能しているようです。

ただし、戻るボタンまたは進むボタンが押されるたびにコードを接続できる場所がわかりません。これにはどのメソッド/イベントが使用されますか?

score 9 · Accepted Answer

次のように、イベントハンドラーをイベントにバインドする必要がありますstatechange。

$(window).bind('statechange',function(){
// Do something, inspect History.getState() to decide what
})

History.js に付属する完全な JavaScript スニペットがあり、サイトを完全に「ajaxify」するために使用できます: https://github.com/browserstate/ajaxify

より多くのインスピレーションを得るためにそこを見てください。

score 4 · Accepted Answer

何もないため、戻るクリックイベントをキャプチャしません。

あなたがしたいことは、、、メソッドを使用して、オブジェクトが正しいhistory状態にあることを確認することです。window.history.pushStatewindow.history.popStatewindow.history.replaceState

score 2 · Accepted Answer

「onPopState」イベントを使用して、カスタム AJAX コードをトリガーすることができました。

window.onpopstate = function(event) {
  $(fellowModal).foundation('reveal', 'close');
};

私は他のいくつかのことを試しましたが、それが私のために働いたものです.

3 に答える 3