因此,我尝试使用NProgress Plugin,但遇到了问题。
页面完全加载后,NProgress仍在工作。自己尝试。
这是我的代码。
Index.html:
<html lang="en" class="no-js">
<head>
<link rel="stylesheet" type="text/css" href="css/nprogress.css"/>
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
<script src="js/nprogress.js"></script>
<script src="js/index.js"></script>
</head>
<body>
</body>
</html>
Index.js:
$(window).load(function(){
NProgress.start();
});
$(document).ready(function() {
NProgress.done();
});
最佳答案
您应该反过来做。
$(window).load(function(){
NProgress.done();
});
$(document).ready(function() {
NProgress.start();
});
DOM准备就绪(HTML结构)时,将立即触发
$(document).ready()
,并且在加载所有图像,脚本等时,将触发$(window).load()
。您的方法不起作用,因为在加载所有内容并且文档已经准备就绪时您正在启动NProgress,因此未调用
.done()
。