带有标准链接的 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);
}