javascript - Popstate 未按预期工作(需要多次点击)

Question

我正在尝试学习 History Web API，但在第一个障碍时就遇到了问题。

我能够使 history.pushState 正常工作，但 popstate 出现问题。在 AJAX 页面加载后第一次单击时它工作正常，但如果我再次加载同一页面，我需要单击后退按钮两次。如果我再加载一次，我需要点击返回三次，依此类推。

这是我的代码:

$(function(){
var $main = $('#main');


$(window).on('popstate', function () {
    loadPage(location.href); 
});

$(document).on('click', 'a', function(){
    var href = $(this).attr('href');
    history.pushState({}, '', href);
    loadPage(href);
    return false;
})

loadPage = function(href){
    $main.load(href);
}
})

Answer 1

您需要状态对象。在您的情况下，您使用空对象将无法正常工作。只需使用这样的对象进行测试:{“url”:yourUrlVar}

引用:History.pushState - MDN