在Bower插件上加载进度条的数据

Question

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

Answer 1

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