¿Cómo puedo detectar que se haga clic en los botones Atrás/Adelante cuando se usa History.js?

Question

Estoy usando History.js (click) con jQuery en mi código.

Al cargar nuevos contenidos a través de AJAX que utilizo:

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

Esto parece funcionar ya que la URL se actualiza en el navegador.

Sin embargo, no lo consigo donde puedo conectar mi código cada vez que se presiona un botón hacia adelante o hacia atrás. ¿Qué método/evento se usa para esto?

Answer 1

Es necesario vincular un controlador de eventos para el evento statechange, así:

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

Hay un fragmento de JavaScript que viene con History.js, que se puede utilizar para 'completa ajaxify 'un sitio completamente: https://github.com/browserstate/ajaxify

Eche un vistazo allí para obtener más inspiración.

Answer 2

No capturaría el evento de clic atrás, ya que no hay ninguno.

Lo que se quiere hacer es asegurarse de que el objeto history está en el estado correcto mediante el uso de window.history.pushState, window.history.popState, window.history.replaceState métodos.

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

Answer 3

Pude utilizar el evento "onPopState" para activar mi código AJAX personalizado.

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

Probé varias otras cosas y eso es lo que funcionó para mí.