javascript - Twitter Bootstrap 轮播不滑动

Question

我遇到了一个有趣的问题。我很确定答案很简单，但我就是想不通，所以我想我寻求帮助。

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

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

我注意到单击 pref/next 按钮时，next 和 prev 类被添加到每个项目中，但它似乎并没有对我做同样的事情。我调试时也没有发现任何问题。

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

score 44 · Accepted Answer

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

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

score 24 · Accepted Answer

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

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

那么你只需调用：

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

score 1 · Accepted Answer

我想你需要

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

score 0 · Accepted Answer

0

这是一个工作示例。这可能是您遗漏的小事。 http://jsfiddle.net/chapmanc/Vza6F/1/

于 2012-05-18T23:42:40.790 回答

score 0 · Accepted Answer

你只是把那个JavaScript放在一个<script>标签里吗？

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

score -2 · Accepted Answer

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

6 回答 6