使用onpopstate更新内容

Question

我有一个集线器，可以通过类＆＃39; main来将页面加载到div中，并试图找出如何使用浏览器按钮来回移动。我在设置页面上有以下内容：

clickHandler(null, null, 'settings');

这称为以下内容：

function clickHandler(one,two,three) {
    history.pushState(one, two, three);
}

我知道在这一部分，它正在通过＆＃39;设置＆＃39;变量，因为地址栏在导航时显示/settings。所以试着让settings.php加载到主要的＆＃39;我正在尝试以下方法：

function updateContent(data) {
    if (data == null)
    return;
    console.log(data);
    $(".main").load(data+'.php');   
}

window.onpopstate = function(event) {
  console.log("location: " + document.location + ", state: " + JSON.stringify(event.state));
  updateContent(document.location)
};

但是，除非我很快回复两次，否则它没有加载正确的页面。