使用jquery导航页面到页面时的现代预加载

时间:2014-01-31 21:54:04

标签: jquery preloader preload

我搜索了其他帖子,但还没找到我要找的东西。我想了解如何在逐节导航时预加载新页面。我在http://www.mixcloud.com

上看过这个

当您逐节导航时(登录后),它将在顶部滚动一个加载器,然后在完成后将您推送到新页面。这是自定义还是开源的东西?

YouTube现在也使用相同的内容http://www.youtube.com

2 个答案:

答案 0 :(得分:0)

NProgress是一个开源项目,如果你想要实现Google和MixCloud正在做的事情,它可以促进加载状态和进度状态。

http://ricostacruz.com/nprogress/

请记住,虽然这些网站正在利用推送状态+ AJAX调用来收集有关状态的更多数据,这有助于控制页面加载等组件。想想类似SPA的网站就可以实现这种功能。

答案 1 :(得分:0)

你要找的是ajax和pushState,当pushState改变url时,Ajax加载页面的新内容whitout任何刷新。

有一些jQuery插件可以扮演这个角色,尝试使用NProgress whit Turbolinks