Wie kann ich die Zurück/Vorwärts-Schaltflächen erkennen, auf die geklickt wird, wenn Sie History.js verwenden?

Question

Ich benutze History.js (click) mit jQuery in meinem Code.

Wenn neue Inhalte über Ajax Laden i verwenden:

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

Dies scheint zu funktionieren, da die URL im Browser aktualisiert wird.

Ich bekomme es jedoch nicht, wo ich meinen Code anschließen kann, wenn eine Zurück- oder Vorwärts-Taste gedrückt wird. Welche Methode/Ereignis wird dafür verwendet?

Answer 1

Sie benötigen einen Event-Handler an das statechange Ereignis zu binden, wie folgt aus:

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

Es ist eine komplette JavaScript-Schnipsel, die mit history.js kommt, die dazu verwendet werden können, um " ajaxify 'eine Seite komplett: https://github.com/browserstate/ajaxify

Werfen Sie einen Blick für mehr Inspiration.

Answer 2

Sie würden nicht die Back-Click-Ereignis erfassen, da es keine gibt.

Was Sie tun möchten, ist sicherzustellen, dass das history Objekt im richtigen Zustand ist durch die Verwendung window.history.pushState, window.history.popState, window.history.replaceState Methoden.

https://developer.mozilla.org/en/DOM/Manipulating_the_browser_history

Answer 3

Ich konnte das "onPopState" -Ereignis verwenden, um meinen benutzerdefinierten AJAX-Code auszulösen.

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

Ich habe mehrere andere Dinge ausprobiert und das hat bei mir funktioniert.