History API and jQuery not working

Asked Oct 19 '12 at 11:01

Active Oct 19 '12 at 11:09

Viewed 343 times

I'm trying to load a div into my page when an internal link is pressed and push a history state so that the location changes. I'm also trying to get the page to load the previous div on popstate. I can't seem to get anything working, not even the return false but I know that jQuery is being included since I can use it on another part of my page. Does anyone know what could be wrong?

$(document).ready(function() {
    $("a:not([href^='http://'])").click(function() {
        history.pushState({ path: this.path }, '', this.href);
        $('#innercontents').load(location.pathname + ' #innercontents');
        return false;
    });
    $(window).bind('popstate', function() {
        $('#innercontents').load(location.pathname + ' #innercontents');
    });
});

edited Oct 19 '12 at 11:09

Sudhir Bastakoti

99,167
15
158
162

asked Oct 19 '12 at 11:01

Valli

Any errors in the JavaScript console (press F12)? – Jivings Oct 19 '12 at 11:03
What exactly can't you get working? – Jivings Oct 19 '12 at 11:21
The code is completely disregarded. Everytime I click a link it just goes straight to the link location like it normally would. – Valli Oct 19 '12 at 11:29
I would suggest that you take a look at [this answer](http://stackoverflow.com/a/5223689/28004). – balexandre Oct 19 '12 at 11:51

History API and jQuery not working

0 Answers0