与 jQuery/Ajax 和 history.pushState 结合使用后退按钮的问题答案

【问题标题】：Problem with the back button in combination with jQuery/Ajax & history.pushState与 jQuery/Ajax 和 history.pushState 结合使用后退按钮的问题
【发布时间】：2011-08-02 13:24:18
【问题描述】：

目前我正在开发一个使用 AJAX 来“滚动”不同页面的网站。我也在使用 window.history.pushState 来更改网址。

假设您在“mywebsite.com”上，然后单击菜单中的“第 1 页”。然后当前内容淡出，“第 1 页”的内容淡入而不重新加载页面。 URL 也从“mywebsite.com”更改为“mywebsite.com/page_1/”。这一切都很好！

当我按下后退按钮时，URL 会变回“mywebsite.com”，但原始内容不会“重新加载”。我知道有一种方法可以使用主题标签来解决这个问题，但这不是我想要的工作方式。

我希望有人可以帮助我。将不胜感激！

【问题讨论】：

标签： jquery ajax

【解决方案1】：

浏览器不会自动恢复页面状态。相反，它会触发popstate 事件，让您随意制定页面。

因此，您需要订阅onpopstate event。

（显然只有支持 HTML5 历史 API 的浏览器才会支持）。

【讨论】：