javascript - 在浏览器中捕获 "Back"事件并加载不同的内容

Question

我一直致力于使用 hashbang (#!) 方法跳过页面的项目。基本上只有 1 个页面，当您单击转到不同的页面时，您会停留在该页面上，但 URL 会发生变化，例如从 index.html#home 到 index.html#about，新内容通过 AJAX/JSON 加载。一切正常，但如果我在浏览器中“后退”(或前进)，只有 URL 中的页面发生变化，但我的 jQuery 不会被触发以重新加载内容。

我需要一些代码来处理所有浏览器中的后退和前进操作，这样我就可以触发函数以从 jQuery 加载页面。我该怎么做？

Answer 1

为什么要重新发明轮子？ History.js是一个很棒且维护良好的 jQuery 插件，支持新的 HTML5 History API并在不支持 History API 时优雅地回退到使用哈希 URL。几乎适用于所有浏览器(甚至是 IE 6)。