带有标准链接的HTML5历史API

Question

所以，在重新设计我的网站后，我想我会使用HTML5历史API，当我在这里看到它的辉煌使用:http://diveintohtml5.ep.io/examples/history/casey.html

问题是，提供的代码不适合我，(使用Chrome 8)。

不完全确定为什么，但它只是在部分内容成功加载后用链接的href值刷新页面。

还有其他使用API的例子吗?我不想要History.js或任何类似的东西，因为它使用hash/hashbangs作为回退。我想把这些处理掉。

任何想法?

编辑:Firebug向我抛出一个"链接没有价值"，以及无数的部分加载内容的请求。之后，页面刷新

Answer 1

您必须拦截链接点击并调用您自己的pushState -如果您检查页面上的代码，您将看到事件处理程序:

function addClicker(link) {
  link.addEventListener("click", function(e) {
    if (swapPhoto(link.href)) {
      history.pushState(null, null, link.href);
      e.preventDefault();
    }
  }, true);
}