javascript - Bootstrap-slider.js not working

I'm trying to get bootstrap-slider.js (/) to work but the only thing that shows up are textboxes example: .php
I'm 100% sure the css and js is pointing to the right directories.

 <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>

I'm trying to get bootstrap-slider.js (http://www.eyecon.ro/bootstrap-slider/) to work but the only thing that shows up are textboxes example: http://kevinduong/boost/testpage.php
I'm 100% sure the css and js is pointing to the right directories.

 <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>

Share Improve this question asked Mar 6, 2014 at 3:22 Kevin D. 1072 silver badges9 bronze badges

Add a ment |

1 Answer 1

Sorted by: Reset to default 5

You need to to reverse the order of your scripts here:

<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>

Because Bootstrap Slider require Bootstrap JS and Bootstrap JS require jQuery to works.

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

javascript - Bootstrap-slider.js not working - Stack Overflow

1 Answer 1

与本文相关的文章

评论列表(0)