在 Bower 插件上加载数据以获得进度条答案

【问题标题】：Load data on Bower plugin for a progress bar在 Bower 插件上加载数据以获得进度条
【发布时间】：2018-07-19 18:12:18
【问题描述】：

我最近遇到了一个用于开发进度条的网络工具 bower。我已经实现了一个进度条作为一系列彼此相邻对齐的单选按钮。这个概念是在单击单选按钮时将数据从.edf 文件加载到浏览器。在我应用 Bower 脚本之前，所有这些都可以正常工作。当我从一个单选按钮转换到另一个单选按钮时，我希望在单击每个按钮时显示一个转换的效果。如果我可以通过应用任何引导类或修改现有代码来实现这一点，我可以在这里得到一些建议吗？我添加的 sn-p 没有加载 Bower 库，否则看起来会像这样。

$('.radios').radiosToSlider({ animation: true, });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"/>=
<script type="text/javascript" src="bower_components/radios-to-slider/dist/jquery.radios-to-slider.js"/>
<link rel="stylesheet" type="text/css" href="bower_components/radios-to-slider/dist/radios-to-slider.css"/>
<div class="radios">
    <label for="option1" class="btn">
	    <input id="option1" name="options" type="radio" autocomplete="off" onchange="dataSegment(0)" checked>
    </label>
    <label for="option2" class="btn">
	    <input id="option2" name="options" type="radio" autocomplete="off" onchange="dataSegment(1)">
    </label>
    <label for="option3" class="btn">
	    <input id="option3" name="options" type="radio" autocomplete="off" onchange="dataSegment(2)">
    </label>
    <label for="option4" class="btn">
	    <input id="option4" name="options" type="radio" autocomplete="off" onchange="dataSegment(3)">
    </label>
    <label for="option5" class="btn">
	    <input id="option5" name="options" type="radio" autocomplete="off" onchange="dataSegment(4)">
    </label>
</div>

【问题讨论】：

首先，我没有投反对票。其次，我没有解决办法。其他人投了反对票，因为您的代码格式非常奇怪，难以阅读。您还需要提供当前结果以及您想要的结果。
我的代码中已经有了解决方案。我无权向其中添加 jsfiddle。抱歉，这表明您投了反对票。
尝试使用"snippet" button。
@fin444 我现在添加了 sn-p。除了对缩进投票之外，您能否提出任何解决方案？谢谢！！！

标签： javascript jquery css radio-button bower

【解决方案1】：

您的问题是您使用的是网站本地的 URL。请注意，您的 URL 中没有协议（https://、http:// 等）。我做了一点挖掘，你应该使用的 URL 是http://rubentd.com/bower_components/radios-to-slider/dist/jquery.radios-to-slider.js

【讨论】：

感谢@fin444 的建议。我在我的本地使用该代码，因此它工作正常。这里对于sn-p，我们绝对可以使用您发布的URL。但我担心的是单击单选按钮后将数据加载到网站上。我看不到使用 Bower 插件传输到网页的数据。如果没有在 div 标签下定义的 radios 类，数据会很好地加载。我也想在使用 bower 时加载数据。