由于某种原因,进度条不起作用。
这是 HTML、CSS 和 JS:
<html>
<head>
<link href="css/style.css" rel="stylesheet">
<script src="js/app.js" type="text/javascript"></script>
<script src="nui://game/ui/jquery.js" type="text/javascript"></script>
</head>
<body>
<div class="bar-one bar-con">
<div class="bar" data-percent="20"></div>
</div>
<div class="bar-two bar-con">
<div class="bar" data-percent="50"></div>
</div>
<div class="bar-three bar-con">
<div class="bar" data-percent="70"></div>
</div>
<script src="js/app.js" type="text/javascript"></script>
</body>
</html>
剩下的代码在链接里,我还在学习使用页面(万分抱歉):
您的问题似乎是未加载 jQuery,因此调用$.fn.progress()
- 进度条实际更新的位置 - 不起作用。这可以在浏览器的控制台中进行验证(通常通过按 找到F12),您可以在其中找到以下错误:
未捕获的 ReferenceError: jQuery 未
在 window.onload 中定义
如果可能,您应该<head>
通过使用其中一个jQuery CDN链接,或下载 jQuery 副本,将其放置在您的js
文件夹中并从那里引用它来更新您对 jQuery 的引用。
更新的JS Fiddle将 JQuery 的引用更改为 1.12.4 版的 CDN 链接,按预期工作。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句