Pinterest喜欢ajax加载

Question

我正在使用Wordpress的网站上工作，其中的帖子将使用AJAX加载，同时将网址更改为帖子的实际永久链接。就像pinterest的工作方式一样。加载AJAX的内容显示在模式框中。我用

window.history.pushState（stateObj，title，url）将浏览器的url更改为帖子的永久链接。现在我的问题是：

当模态框关闭时，我想在不重新加载页面的情况下转到上一个URL。

e.g。我在主页（http://example.com）上，然后点击一个帖子，打开模式框，通过AJAX获取帖子内容，网址变为（http://example.com/post1）。当模式框关闭时，我希望网址返回（http://example.com）而不会实际重新加载页面。所以基本上只对以前的状态。

Answer 1

所以使用相同的方式在打开时更改url，但在模态窗口的关闭事件中触发它。

编辑：要转到根网址，您可以执行window.history.pushState('', '', '/')