浏览器后退按钮未更新页面

Question

I'm setting the URL after the hashmark with a jquery click event. The URL is getting set properly but when I use the browsers back button it doesn't take me to the previous page.

Before my click event the URL looks like this:

http://example.com/menu.php?home

My click event looks like this:

$('#visits').click(function() { 
    $('#main').load("visits.php?type=1&view=1", function () { 
        location.href = "#visits";  
    });
    return false;
});

My URL now looks like this:

http://example.com/menu.php?home#visits

It seems as though menu.php doesn't get called with the browsers back button.

Any idea what I'm missing?

Answer 1

You could code something like this:

var _hash = '';

function myHashChangeCallback(hash) {
    // handle hash change
    // load some page using ajax, etc
}

function hashCheck() {
    var hash = window.location.hash;
    if (hash != _hash) {
        _hash = hash;
        myHashChangeCallback(hash);
    }
}

setInterval(hashCheck, 100);