在 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