Question

我试图让bootstrap-slider.js（http://www.eyecon.ro/bootstrap-slider/）正常工作，但唯一显示的是文本框示例：http://kevinduong.net/boost/testpage.php
我100％确定css和js指向正确的目录。

 <script src="assets/js/bootstrap-slider.js"></script>
 <script src="assets/js/bootstrap.min.js"></script>
 <script src="assets/js/jquery-2.1.0.js"></script>

 <script>
$(function(){
$('#sl1').slider({
      formater: function(value) {
        return 'Current value: '+value;
      }
});
$('#sl2').slider({
      formater: function(value) {
        return 'Current value: '+value;
      }
});
$('#sl3').slider({
      formater: function(value) {
        return 'Current value: '+value;
      }
 });
}  );
 </script>
 </head>

 <body>

 </body>
 </html>

Answer 1

您需要在此处颠倒脚本的顺序：

<script src="assets/js/jquery-2.1.0.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/bootstrap-slider.js"></script>

由于Bootstrap Slider需要Bootstrap JS而Bootstrap JS需要jQuery才能生效。

Bootstrap-slider.js无效

1 个答案: