我正在尝试实现 twitter bootstrap 轮播，但它不起作用 - 它不会自动切换图像，并且上一个/下一个按钮不起作用。
我尝试按照建议切换到 jquery 1.7.1Bootstrap 轮播不自动滑动 https://stackoverflow.com/questions/11233449/bootstrap-carousel-not-automatically-sliding and Bootstrap 轮播不工作 https://stackoverflow.com/questions/9353294/bootstrap-carousel-not-working，但似乎没有任何帮助。
任何想法，将不胜感激。
<!DOCTYPE html>
<html>
<head>
<title>Slideshow Test</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
<script src="js/bootstrap.js"></script>
<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/bootstrap-transition.js"></script>
</head>
<body>
<div id="myCarousel" class="carousel slide" style="width:450px">
<!-- Carousel items -->
<div class="carousel-inner">
<div class="item active"><img src="img/IMG_2.jpg"></div>
<div class="item"><img src="img/IMG_3.jpg"></div>
<div class="item"><img src="img/IMG_1.jpg"></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>
</div>
</body>
</html>
您可以在以下位置查看它及其链接文件www.abbymilberg.com/bootstrap http://www.abbymilberg.com/bootstrap.
我遇到了同样的问题，甚至以正确的顺序包含 .js，我在“onclick”事件上使用 javascript 修复了它，如下所示：
<a class="left carousel-control" href="#myCarousel" data-slide="prev" onclick="$('#myCarousel').carousel('prev')">‹</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next" onclick="$('#myCarousel').carousel('next')">›</a>
我知道这不是最干净的解决方案，但它确实有效。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
