动态生成的 HTML 深层链接

Question

我遇到了深层链接问题。我有一个单页站点，其中有许多小框和一个大框，即“活动”内容。单击一个小框，我清除了 innerHTML。 Wtart 动画，点击成为活动内容，然后我将 innerHTML($('element').html('new content')) 替换为新内容。

我的问题是：有一种方法可以深度链接这个过程，有：

mysite.com/firstcontent（或类似的东西）并拥有正确的内容，而无需编写大型切换器？我要全部替换为 AJAX 吗？

Answer 1

这通常通过更改 window.location 中的哈希 (test.html*#foo*) 来处理。

您可以结合hashchange 事件和window.history.pushState / replaceState 执行此操作。对于旧版浏览器，您将需要某种填充程序。有一个jQuery plugin 应该会为您处理这个问题。