如何实现“GitHub浏览repo效果”（更新URL不刷新页面）

Question

当我在 GitHub 中浏览一个存储库（例如：https://github.com/sizzlelab/kassi）并单击一个文件夹时，它会加载带有很酷的 javascript 动画的文件夹，将内容移动到左侧，而不是重新加载整个页面。但是，页面的 URL 仍然会在每次点击时更新。

我如何实现这一目标？据我所知，您无法从 javascript 更新页面 URL，因此您需要刷新页面。我的猜测是他们对页面进行了部分缓存，因此它似乎不会重新加载，然后在重新加载后运行 javascript 动画。我在正确的轨道上吗？关于如何实现这一点的任何指示？我的环境是 jQuery 和 rails，但一般建议也会有所帮助。

Answer 1

你想要的是观看这个截屏视频：http://railscasts.com/episodes/246-ajax-history-state

结合jQuery UI效果“幻灯片” - http://docs.jquery.com/UI/Effects/Slide

祝你好运！

Answer 2

您可以在规范 History API 和 MDN 中的“添加和修改历史条目”部分中阅读有关此行为的信息。