进度条不显示进度

有效值

由于某种原因,进度条不起作用。

这是 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>

剩下的代码在链接里,我还在学习使用页面(万分抱歉):

https://jsfiddle.net/b4kqt1cz/

花生

您的问题似乎是未加载 jQuery,因此调用$.fn.progress()- 进度条实际更新的位置 - 不起作用。这可以在浏览器的控制台中进行验证(通常通过按 找到F12),您可以在其中找到以下错误:

未捕获的 ReferenceError: jQuery 未
在 window.onload 中定义

如果可能,您应该<head>通过使用其中一个jQuery CDN链接,或下载 jQuery 副本,将其放置在您的js文件夹中并从那里引用它来更新您对 jQuery 的引用。

更新的JS Fiddle将 JQuery 的引用更改为 1.12.4 版的 CDN 链接,按预期工作。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章