引导轮播问题

Question

我在使用 bootstrap 的轮播时遇到了一些问题：

1. 在第一个时间间隔过去之前，轮播不会渲染。一世 甚至不想让轮播自动播放，所以我尝试使用 选项间隔：false，但这会导致轮播永远不会 使成为。
2. 当我单击下一个或上一个按钮时，它会将 #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 或者您必须更改您的选择器
• 您没有指定首先显示什么图像（item 之一上的类 active）
• 你对contributors-carousel做了一些奇怪的事情

这是一个修复了您的代码的引导程序：http://bootply.com/69067