引導-slider.js不工作

我試圖讓自舉slider.js（http://www.eyecon.ro/bootstrap-slider/）工作，但顯示了唯一的文本框例如：http://kevinduong.net/boost/testpage.php
我100％肯定的CSS和JS指向正確的目錄。引導-slider.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>

來源

2014-03-06 Kevin D.

你需要扭轉你的腳本，這裏的順序：

<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才能正常工作。

來源

2014-03-06 03:23:15 Felix

引導-slider.js不工作

回答

相關問題