gpt4 book ai didi

javascript - $(window).load(function()) 和 NProgress JQuery 插件。页面已完全加载,但 NProgress 仍在运行

转载 作者:行者123 更新时间:2023-11-30 17:31:37 25 4
gpt4 key购买 nike

所以,我尝试使用 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com