- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
所以,我尝试使用 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/
所以,我尝试使用 NProgress Plugin , 但遇到了问题。 当我的页面完全加载时,NProgress 仍在工作。亲自尝试一下。 这是我的代码。 索引.html: 索引.
我正在使用 NProgress.js 开发一个应用程序。它的插件很棒。 我想知道可以与 NProgress(一种模式对话框或类似的东西)一起使用,以防止当 NProgress 在我的 $.ajax 请
我试图弄清楚如何使用 NProgress.js 作为网站上所有页面的通用页面加载。我无法找到任何文档或简单的方法来在页面加载上添加此加载效果并在整个页面加载时完成它。 http://ricostacr
我有一个图片非常多的网站,因此加载时间比正常情况慢了一点。 我会在图片全部加载后调整其大小。但是,我想向用户表明图像仍在加载。 使用 imagesLoaded 库,我已经设法使 nprogress 栏
我正在使用 NProgress 来显示 AJAX 请求何时运行。它工作得很好,但我有一个 AJAX 请求,我想在后台运行而不向用户显示进度条。 我将其绑定(bind)到 jQuery 的 ajaxSe
如何为阿拉伯语站点配置 NProgress(NProgress.js) slim 进度条,就像 youtube 进度条从右到左开始一样.. 最佳答案 您可以修改脚本: function toBarPe
我有以下组件树: MyFallback}> import('./pages/Auth/Login'))} path="/auth/login
是否可以使用 NextJS 中的组件而不是 nprogress?我认为您需要访问一些高级 Prop ,例如 pageProps从路由器事件中,因此您可以切换加载状态,然后有条件地输出加载组件,但我看
我在 https://www.rewardslive.com/test 上遇到此问题页面加载后,一切都很好,但是当您单击另一个由ajax处理的页面时,加载栏缓慢移动并且似乎永远不会结束。我还使用 np
我开始学习位于 Contact Manager Tutorial 的 Aurelia 教程。 。一切正常,直到我安装了 nprogress 模块并将其添加到元素中。我在浏览器控制台中收到此错误。 ht
当 ember 尝试从服务器获取数据时,我试图使用 ember.js 实现 NProgress.js 进度条 jquery 库。我可以在 Ember 中使用 Jquery Post 成功完成此操作,但
nprogress 在其他方面都工作得很好,但在重定向到/login 时它会永远旋转。我尝试了 showProgressBar: false 但没有成功。 如果用户已登录,他们将被重定向到/dashb
我是一名优秀的程序员,十分优秀!