jquery - 如何使用 HTML5 History/State API 并保持带主题标签的超链接(文档内的链接)完好无损

Question

我实现了ajaxify-html5.js到现有网页。它使用 jQuery、ScrollTo 和 History.js 。很棒的东西，效果很棒。每个链接都像

<a href="category?id=5">Category 5</a>

在内容窗口中打开，就像它应该的那样。整个事情离完美只有一个问题——当我点击一个使用碎片标识符的链接时，如下所示:

<a href="category?id=5#pictures">Category 5 - directly to pics</a>

...地址栏中的 URL 发生了应有的变化，但内容没有任何变化。甚至没有加载category?id=5。

据我所知，这会被触发(来自ajaxify-html5.js):

History.pushState(null,title,url);     // url = "category?id=5#pictures"

但是 statechange 不会(来自同一个文件):

$window.bind('statechange',function(){

我想我可以清理每个网址(删除#hashtag)，然后一切都会正常...当然，除了将新加载的页面定位在 <a name="hashtag"></a> 位置是。不幸的是，网站严重依赖这些...

我的问题是:是否可以将 ajaxify 与分段标识符一起使用，而后者不受第一个标识符的影响？

Answer 1

您可以使用内部 href 存储所有 标记，如下所示:
var 标签 = jQuery("a[href*='#']");

在 afaxify-html5.js 发挥其魔力后，您可以通过调用 tags.unbind() 恢复原始行为。