Pinterest喜欢ajax加载

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

window.history.pushState(stateObj,title,url)将浏览器的url更改为post的永久链接。 现在我的问题是:

当模式框关闭时,我想转到上一个URL而不重新加载页面。

例如,我在主页(http://example.com),然后我点击一个post,打开模式框,通过AJAX获取post内容,并且url变为(http://example.com/post1)。 当模式框关闭时,我希望url返回(http://example.com)而不会重新加载页面。 所以基本上只到以前的状态。

因此,在打开时使用相同的方式更改URL,但在模态窗口的关闭事件中触发它。

编辑:要转到根URL,你可以做window.history.pushState('', '', '/')