Kev*_* D. 3 html javascript css jquery twitter-bootstrap
我试图让 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>
您需要在此处颠倒脚本的顺序：
<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工作。