history.pushState with back and forward buttons

Question

I need to make back and forward buttons working with this ajax method
This code working good and the URL on browser changing as it should be
but when you click on back and forward buttons, nothing happening

(function(){

    function clickNav(e){
        e.preventDefault();
        var href = $(this).attr('href');
        history.pushState(null, null, href);

        $.ajax({
            url: href,
            dataType: 'html',
            cache: false
        }).done(function(html){
            var $html = $(html);

            $('title').html($html.filter('title').text());
            $('#content').replaceWith($html.find('#content'));
            $('#nav').replaceWith($html.find('#nav'));

            $('#nav li a').on('click',clickNav);
        });

    }
    $('#nav li a').on('click',clickNav);

})();

https://developer.mozilla.org/en-US/docs/DOM/window.onpopstate — CBroe, May 08 '13 at 08:40

score 1 · Answer 1 · answered Sep 11 '13 at 20:51

I had to deal with this today. The following works for me (tested on four browsers in Win 7 so far)...

//CHECK FOR ADDRESS BAR CHANGE EVERY 500ms
var wwcint = window.setInterval(function(){
    if(window.last_location_href == undefined) {
        window.last_location_href = document.location.href;
    } else if(window.last_location_href != document.location.href) {
        window.last_location_href = document.location.href;

        //DO WHATEVER YOU NEED TO DO TO LOAD THE CORRECT CONTENT
        someFunctionToLoadTheContent(document.location.href);
    }
}, 500);

score 0 · Answer 2 · answered May 08 '13 at 08:55

0

it is because your history is empty. For this you need to use

 history.pushState();

After that my buttons start working

answered May 08 '13 at 08:55

wm.p1us

2,019
2
27
38

Nope, not working and the URL on browser stop changing to the new URL – Déjà Bond May 08 '13 at 09:31
1

have a look over there http://stackoverflow.com/questions/5210034/history-pushstate I think you will find an answer. – wm.p1us May 08 '13 at 17:06

history.pushState with back and forward buttons

2 Answers2

Linked