如何实现"GitHub浏览回购效果"(更新URL而不刷新页面)

Kus*_*sti 8 javascript url jquery refresh ruby-on-rails

当我在GitHub中浏览一个repo(例如:https://github.com/sizzlelab/kassi)并单击一个文件夹时,它会加载一个带有很酷的javascript动画的文件夹,向左移动内容,而不是重新加载整个页面.但是,每次点击时页面的URL仍会更新.

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

tma*_*ini 5

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

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

祝好运!