$(window）.load(function(））和NProgress JQuery插件.页面已完全加载，但NProg

$(window).load(function()) and NProgress JQuery Plugin. Page is fully loaded, but NProgress is still working

本文关键字：加载 NProg 插件 function load window NProgress JQuery      更新时间：2023-09-26

所以，我尝试使用NProgress插件，但遇到了问题。

当我的页面完全加载时，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()。

相关文章：