导入javascript函数时出错
Error in importing javascript function
我在我的网页中使用Bootstrap carousel
,但控制台显示此错误:
TypeError: $(...).carousel is not a function
我导入了bootstrap.js
和jquery-1.8.3.min.js
,但是页面加载时旋转木马不滑动,现在我无法理解问题是什么。下面是我的代码:
<script src="bootstrap.js"></script>
<script src="jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$('#myCarousel').carousel({
interval: 2000
})
</script>
身体语法:
<div>
<center>
<div id="myCarousel" class="carousel slide" style="width:800px; height:400px;">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Carousel items -->
<div class="carousel-inner">
<div class="active item"><img style="width:800px; height:400px" src="img/c4.jpg">
<div class="carousel-caption">
<h4>Heading</h4>
<p>like never before...</p>
</div>
</div>
<div class="item"><img style="width:800px; height:400px" src="img/c3.jpg"></div>
<div class="item"><img style="width:800px; height:400px" src="img/c3.jpg"></div>
<div class="item"><img style="width:800px; height:400px" src="img/c4.jpg"></div>
</div>
<!-- Carousel nav -->
<a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>
</div>
</center>
</div>
在引导之前导入jQuery。bootstrap.js构建在jQuery之上,所以你需要在bootstrap初始化之前加载它:
<script src="jquery-1.8.3.min.js"></script>
<script src="bootstrap.js"></script>
<script type="text/javascript">
$('#myCarousel').carousel({
interval: 2000
})
</script>
相关文章:
- 尝试调用AngularJS上的函数时出错
- 得到"未定义不是函数“;使用显示原型图案时出错
- 从函数中的函数返回数组时出错
- 从 java 脚本调用函数时 PHP 中出错
- 使用PHP和Javascript在函数内部传递alphaneumeric值作为参数时出错
- 比较$watch函数内的基元类型时出错
- CakePHP错误:在非对象上调用成员函数get(),使用cakejavascript助手时出错
- 运行函数时出错
- 将未定义的变量传递给函数时出错
- 尝试编写承诺时出错:承诺解析器对象不是函数
- res.render中出错,未定义函数
- 用javascript中的console.log函数重写警报时出错
- 构造函数出错
- '对象不是函数'尝试将页面对象与Protractor一起使用时出错
- 未捕获的类型错误:this.reset不是函数-在ajax调用后清空输入时出错
- 谷歌应用程序脚本:;范围不是函数,它是对象;尝试在单元格中放置注释时出错
- 从.ascx文件调用Javascript函数时出错
- angularjs[ng:areq]参数'fn'不是函数,在控制台中获取字符串时出错
- 巴别塔&节点:传输后出错((0,_express.express)不是函数)
- 使用ajax将数据发布到asmx web服务并使用javascript函数在html页面中编写响应时出错