javascript - LoadingBar.js 包含在网站中时显示空白

标签 javascript

我正在尝试在我的网站上实现 LoadingBar.js。

我测试了一个工作正常的 JSFiddle:https://jsfiddle.net/sg2uz3jx/

<link rel="stylesheet" type="text/css" href="https://loadingio.github.io/loading-bar/dist/loading-bar.css" />
<script src="https://loadingio.github.io/loading-bar/dist/loading-bar.js"></script>

<div class="ldBar" data-value="70" style="width:200px;height:100px" data-stroke="yellow" data-preset="line"></div>

但是当我将它复制/粘贴到我的网站时,它只会留下一个空白区域并且不显示任何内容。 这是它在我的网站上所做的一个示例,带有源代码突出显示 enter image description here :

您知道它为什么会这样做吗?

最佳答案

您的代码片段适用于 Vivaldi(看起来您正在使用它)和 Chrome。如果没有页面的其余代码,很难说为什么它没有为您显示。尝试暂时删除任何其他可能干扰 loading-bar.js 的脚本,然后从那里开始工作。或者贴出整页代码进一步分析.....

关于javascript - LoadingBar.js 包含在网站中时显示空白,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52792168/

相关文章:

javascript - 如何将选定的元素传递给链式函数中的 'this'

javascript - 如何在图例点击图表js时显示/隐藏动画

javascript - 图像上的 Google Analytics 事件跟踪不起作用

javascript - 删除 Firefox JavaScript 控制台历史记录?

javascript - 三.js后期处理: FXAA does not work with SSAO enabled