Javascript 推特引导-旋转木马
我以前在教程中做过这件事,它可以完美地工作,现在当我重新创建它时,它拒绝工作,我将提供代码和错误报告 HTML:Javascript 推特引导-旋转木马,javascript,jquery,html,twitter-bootstrap,carousel,Javascript,Jquery,Html,Twitter Bootstrap,Carousel,我以前在教程中做过这件事,它可以完美地工作,现在当我重新创建它时,它拒绝工作,我将提供代码和错误报告 HTML: <div class="carousel slide" id="myCarousel"> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> &l
<div class="carousel slide" id="myCarousel">
<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>
<li data-target="#myCarousel" data-slide-to="3"></li>
</ol>
<div class="carousel-inner">
<div class="item active"><img src="http://placehold.it/1200x480" alt="placeholdit"></div>
<div class="item"><img src="http://placehold.it/1200x481" alt="placeholdit"></div>
<div class="item"><img src="http://placehold.it/1200x480" alt="placeholdit"></div>
<div class="item"><img src="http://placehold.it/1200x482" alt="placeholdit"></div>
</div>
</div>
JS:(文件链接放在正文中,代码也放在正文中)
$(文档).ready(函数(){
$(#myCarousel')。carousel({interval:2000});
});
错误报告:
<div class="carousel slide" id="myCarousel">
<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>
<li data-target="#myCarousel" data-slide-to="3"></li>
</ol>
<div class="carousel-inner">
<div class="item active"><img src="http://placehold.it/1200x480" alt="placeholdit"></div>
<div class="item"><img src="http://placehold.it/1200x481" alt="placeholdit"></div>
<div class="item"><img src="http://placehold.it/1200x480" alt="placeholdit"></div>
<div class="item"><img src="http://placehold.it/1200x482" alt="placeholdit"></div>
</div>
</div>
TypeError:$不是函数
file:///C:/Users/Christopher/Desktop/Portfolio_Final/js/bootstrap.js
第29行
TypeError:$(…)。旋转木马不是函数
file:///C:/Users/Christopher/Desktop/Portfolio_Final/index.html#myCarousel
第89行
看起来,它报告的函数错误不存在,jquery版本在1.9.1上,引导插件依赖于jquery。所以你必须先加载它
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
...
...
试试这个
jQuery.noConflict();
jQuery(document).ready(function () {
jQuery('#myCarousel').carousel({ interval: 2000 });
});
谢谢,这么简单,容易忽略的东西,谢谢。