Làm cách nào để phát hiện các nút quay lại/chuyển tiếp được nhấp khi sử dụng History.js?

Question

Im sử dụng History.js (click) với jQuery trong mã của tôi.

Khi tải nội dung mới qua ajax tôi sử dụng:

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

Điều này dường như làm việc kể từ khi URL được cập nhật trong trình duyệt.

Tuy nhiên, tôi không hiểu nơi tôi có thể kết nối mã của mình bất cứ khi nào nhấn nút quay lại hoặc tiến. Phương thức/sự kiện nào được sử dụng cho điều này?

Answer 1

Bạn cần phải ràng buộc một event handler cho sự kiện statechange, như thế này:

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

Có một đoạn javascript mà đi kèm với History.js, có thể được sử dụng để 'hoàn chỉnh ajaxify 'một trang web hoàn toàn: https://github.com/browserstate/ajaxify

Hãy xem xét để có thêm cảm hứng.

Answer 2

Bạn sẽ không chụp sự kiện nhấp chuột quay lại vì không có sự kiện nào.

Điều bạn muốn làm là đảm bảo đối tượng history ở trạng thái phù hợp bằng cách sử dụng các phương thức window.history.pushState, window.history.popState, window.history.replaceState.

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

Answer 3

Tôi đã có thể sử dụng sự kiện "onPopState" để kích hoạt mã AJAX tùy chỉnh của mình.

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

Tôi đã thử một số thứ khác và đó là những gì hiệu quả đối với tôi.