1

我已经在一个站点上安装了 Twitter Bootstrap-Carousel,我希望能够使用它来逐步浏览模块的窗格,但是,将间隔设置为 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

4

1 回答 1

0

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

  • 我正在使用完整的 bootstrap.js(v2.0.3)(所以不是单独的 bootstrap js 文件)
  • 我在“carousel”类旁边还有一个“slide”类——没有这个,divs 仍然会改变,只是不会滑动。

在阅读了使用 bootstrap-carousel.js 失败的类似问题的答案后,我怀疑您还需要在 bootstrap-carousel.js 之前包含 bootstrap-transition.js

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

于 2012-05-21T00:13:22.340 回答