在 Bower 插件上加载数据以获取进度条

Question

我最近遇到了 bower 一个用于开发进度条的网络工具。 我已经实现了一个进度条作为一系列彼此相邻的单选按钮。 这个概念是在单击单选按钮时将数据从.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

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