[英]Issue with carousel using bootstrap 2
尝试在我的网页上使用轮播,但无法获取代码。认为这与从bootstrap文件夹中调用javascript有关,但不确定。 请参见下面的代码:
在体内:
<div id="myCarousel" class="carousel slide">
<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">
<div class="row-fluid">
<div class="span12"><a href="#x"><img src="images/Fiona & Catherine.jpg" alt="Ladies Dancing" style="max-width:100%; max-height: 75%;"></a></div>
</div><!--/row-fluid-->
</div><!--/item-->
<div class="item">
<div class="row-fluid">
<div class="span12"><a href="#x"><img src="images/Group 1.jpg" alt="Group of Dancers" style="max-width:100%; max-height: 75%;"></a></div>
</div><!--/row-fluid-->
</div><!--/item-->
<div class="item">
<div class="row-fluid">
<div class="span12"><a href="#x"><img src="images/Group 2.jpg" alt="Group of Dancers" style="max-width:100%; max-height: 75%;"></a></div>
</div><!--/row-fluid-->
</div><!--/item-->
</div><!--/carousel-inner-->
<a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>
</div><!--/myCarousel-->
before closing body tag to try to call the javascript:
<script src="js/bootstrap.js">
$('.carousel').carousel();
</script>
我是网页设计的初学者,所以谢谢您的帮助!!!
两个单独的脚本标签,先生:)
<script src="js/bootstrap.js"></script>
<script>
$(function() {
$('.carousel').carousel();
});
</script>
首先,我认为您应该使用Twitter Bootstrap 3,因为它是Bootstrap的最新版本。
关于您的问题,请在调用bootstrap.js文件之前先查看是否正在调用jquery。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.