首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Bootstrap-slider.js不工作

Bootstrap-slider.js不工作
EN

Stack Overflow用户
提问于 2014-03-06 11:22:47
回答 1查看 9.3K关注 0票数 3

我正在尝试让bootstrap-lider.js (http://www.eyecon.ro/bootstrap-slider/)工作,但唯一显示的是文本框示例:http://kevinduong.net/boost/testpage.php

我100%确定css和js指向正确的目录。

代码语言:javascript
运行
复制
 <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>

代码语言:javascript
运行
复制
 </body>
 </html>
EN

Stack Overflow用户

回答已采纳

发布于 2014-03-06 11:23:16

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

代码语言:javascript
运行
复制
<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才能工作。

票数 5
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/22214191

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档