Twitter Bootstrap Carousel不滑动

Question

我遇到了一个有趣的问题。我很确定答案非常简单，但我无法理解，所以我想我会寻求帮助。

基本上，我的旋转木马不会滑动。它只是切换图像。我甚至尝试将确切的HTML从引导站点复制到我自己的页面中，但它仍然没有滑动。在application.js中，初始化也没有参数。

// carousel demo
$('#myCarousel').carousel()

我注意到单击pref / next按钮时会将next和prev类添加到每个项目中，但它似乎对我的内容没有做同样的事情。调试时我没有看到任何错误。

我错过了什么？我在最新的Chrome和Safari中对此进行了测试。

Answer 1

您还必须添加bootstrap-transition才能使滑动起作用，如下所示：

<script src="twitter-bootstrap-v2/docs/assets/js/bootstrap-transition.js"></script>

Answer 2

我遇到了同样的问题，但是使用了bootstrap v2.0.3（捆绑了转换），最后将幻灯片类添加到轮播div

<div id="myCarousel" class="carousel slide">

然后你打电话：

$('#myCarousel').carousel();

Answer 3

我认为你需要

$('#myCarousel').carousel('cycle');

请看： How can I make the Bootstrap js carousel automatically cycle as soon as the page loads?

Answer 4

这是一个工作示例。它可能是你失踪的一小部分。 http://jsfiddle.net/chapmanc/Vza6F/1/

Answer 5

您是否只将JavaScript放在<script>代码中？

<script>
    $('.carousel').carousel({
        interval: 1000
    })​;
</script>

Answer 6

检查您包含的css文件。除了bootstrap.min.css之外，还尝试添加bootstrap.css文件。它对我有用。