Question

所以，我尝试使用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();
});

Answer 1

你应该反过来做。

$(window).load(function(){
   NProgress.done();
});

$(document).ready(function() {
   NProgress.start();
});

一旦DOM准备好（HTML结构），{p> $(document).ready()就会激活，$(window).load()会在加载所有图像，脚本等时触发。

您的方法无法正常工作，因为您在加载所有内容并且文档已准备就绪时启动了NProgress，因此未调用.done()。

$（window）.load（function（））和NProgress JQuery Plugin。页面已满载，但NProgress仍在工作

1 个答案: