我正在尝试实现 Twitter Bootstrap 轮播，但它不起作用 - 它不会自动切换图像，并且上一个/下一个按钮不起作用。
我已尝试按照 Bootstrap Carousel Not Automatically Sliding 上的建议切换到 jquery 1.7.1|和 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 查看它和它的链接文件.
最佳答案
我有同样的问题，甚至在适当的顺序中包含 .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>
我知道这不是最干净的解决方案，但它确实有效。
关于javascript - Bootstrap 轮播过渡和上一个/下一个按钮不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12548954/