所以,我尝试使用 NProgress Plugin , 但遇到了问题。
当我的页面完全加载时,NProgress 仍在工作。亲自尝试一下。
这是我的代码。
索引.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>
索引.js:
$(window).load(function(){
NProgress.start();
});
$(document).ready(function() {
NProgress.done();
});
最佳答案
你应该反过来做。
$(window).load(function(){
NProgress.done();
});
$(document).ready(function() {
NProgress.start();
});
$(document).ready()
在 DOM 准备就绪(HTML 结构)时触发,而 $(window).load()
在所有内容准备就绪时触发加载图像、脚本等。
您的方法无效,因为您在加载所有内容且文档已准备就绪时启动 NProgress,因此未调用 .done()
。
关于javascript - $(window).load(function()) 和 NProgress JQuery 插件。页面已完全加载,但 NProgress 仍在运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22952793/