因此,我尝试使用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()

10-06 08:08