Javascript 使用jQuery更改html内容后使用浏览器后退按钮

我在单击链接时使用jQuery更改div的html内容

<a href="#1" class="navclick" data-content="1">1</a>
<a href="#2" class="navclick" data-content="2">2</a>
<a href="#3" class="navclick" data-content="3">3</a>

---

是的，当然有。更改html内容后，请执行pushstate

var stateObj = { foo: "bar" };
history.pushState(stateObj, "page 2", "bar.html");

现在，这将把bar.html推到你的URL上，所以当你点击后退时，它不会离开当前网站，而是“只是”回到历史

您可以按如下方式捕捉“单击后退”按钮：

$(window).on("popstate", function(e) {
  alert("Pressed back or forward");
});

---

请注意，popstate在向后和向前单击时都会激发。所以，您需要一种方法来检查用户是否向后单击。但我会让你来决定；-）

是的，使用

pushState

和

popState

：您好，谢谢。我已经编辑了我的第一篇文章，现在也展示了我如何在Div中加载内容。这是你的意思吗？

$(window).on("popstate", function(e) {
  alert("Pressed back or forward");
});