Question

我在bootstrap的旋转木马上遇到了很多问题：

直到第一个间隔过去，旋转木马才会渲染。一世甚至不希望旋转木马自动播放，所以我尝试使用选项间隔：false，但这会导致轮播从不渲染。
当我点击下一个或上一个按钮时，它正在按下网址中的#carousel，非常不受欢迎。

HTML：

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

          <div class="carousel-inner">
            <div class="item">
              <div class="container">
                <div class="contributor">
                  <img class="img-circle" src="http://redacted/image.gif" />
                </div>
              </div>
            </div>

            <div class="item">
              <div class="container">
                <div class="contributor">
                  <img class="img-circle" src="http://redacted/image.gif" />
                </div>
              </div>
            </div>

            <div class="item">
              <div class="container">
                <div class="contributor">
                  <img class="img-circle" src="http://redacted/image.gif" />
                </div>
              </div>
            </div>

          </div>

          <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
          <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>

        </div>

jQuery的：

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

随意尝试一下：

[删除]

Answer 1

在您的代码中修复3件事

正如@Blake所说，您的ID必须是myCarousel，否则您必须更改选择器
您没有指定首先显示哪些图片（其中一个active上的item个）
您使用contributors-carousel

以下是修复了您的代码的bootply：http://bootply.com/69067

Bootstrap Carousel问题

1 个答案: