流行状态功能仅工作一次

Question

在我的网站上，单击链接后，将运行一个jQuery函数，该函数使用AJAX加载内容，并且一切正常。 我希望能够使用浏览器中的向后按钮加载上一个AJAX请求。

当我单击后退按钮后，它正确地加载了最后一个AJAX请求，但是当我再次按下它时，它仅加载了相同的AJAX请求，而不是前一个。 这是我的代码：

$('.side-menu-link').on('click', function() {

    var data_url = $(this).attr('href');
    var post_title = $(this).attr('page-title');
    var post_url = data_url + " div.doc-content";
    $(".content-container").load(post_url);

    document.title = 'Website Name - ' + post_title;
    window.history.pushState({path:data_url}, '', data_url);

    return false;

});

window.onpopstate = function(e) {
    $('.side-menu-link[href="' + event.state.path + '"]')[0].click();
};

知道为什么该功能只能使用一次吗？ 谢谢

Answer 1

你能试试...

window.onpopstate = function(e) {
    $('.side-menu-link[href="' + e.state.path + '"]').eq(0).trigger("click");
};