Bootstrap Carousel Interval False不起作用

时间:2012-05-19 22:53:29

标签: javascript jquery html twitter-bootstrap

我已在网站上安装了Twitter Bootstrap-Carousel,我希望能够使用它来逐步浏览模块的窗格,但是,将interval设置为false是行不通的。如果我给它一个间隔,它将按计划顺利进行,但是因为我无法使用控件来逐步浏览幻灯片。我通过ID而不是$('。carousel')选择容器,所以我不知道它是否与它有任何关系。是否需要另一个模块来提供间隔错误功能?

我的html的一个简短例子是:

    <div class="carousel" id="module-rotator">
        <div class="carousel-inner">
            <div class="item active">foo</div>
            <div class="item">bar</div>
        </div>
        <a class="carousel-control left" href="#module-rotator" data-slide="prev">&lsaquo;</a>
        <a class="carousel-control right" href="#module-rotator" data-slide="next">&rsaquo;</a>
    </div>

我用这个初始化旋转木马:

$('#module-rotator').carousel({ interval: false });

我正在使用bootstrap-carousel.js v2.0.3

1 个答案:

答案 0 :(得分:0)

我正在使用与您类似的代码,一切都按预期工作。唯一的区别是;

  • 我正在使用完整的bootstrap.js(v2.0.3)(所以不是单独的bootstrap js文件)
  • 我还有“carousel”类旁边的“幻灯片”类 - 如果没有这个,div仍会改变,只是不会滑动。

在阅读类似问题failed using bootstrap-carousel.js的答案后,我怀疑你还需要在bootstrap-carousel.js之前包含bootstrap-transition.js

我建议使用完整的bootstrap.js文件来验证它是否有效,然后使用各个js文件。