我试图弄清楚如何使用NProgress.js作为网站上所有页面的通用页面加载.我无法找到任何文档或一种简单的方法来在页面加载时添加此加载效果,并在整个页面加载后完成.
http://ricostacruz.com/nprogress/
任何帮助是极大的赞赏！
解决方法
简单地说,将此JavaScript放在HTML中的任何位置,将它放在结束体标记之前是一个好习惯：
<script>
// Show the progress bar
NProgress.start();
// Increase randomly
var interval = setInterval(function() { NProgress.inc(); },1000);
// Trigger finish when page fully loaded
jQuery(window).load(function () {
clearInterval(interval);
NProgress.done();
});
// Trigger bar when exiting the page
jQuery(window).unload(function () {
NProgress.start();
});
</script>
哦,不要混淆,NProgress在全局范围内,它与jQuery无关,我只是为了方便使用jQuery的.load()/.unload(),请不要把NProgress.在jquery文档的.ready()中的start(),它是无用的混乱.
