jquery - 引导轮播问题

Question

我在 bootstrap 的轮播中遇到了一些问题：

1. 在第一个时间间隔过去之前，轮播不会渲染。我什至不希望轮播自动播放，所以我尝试使用选项间隔：false，但这会导致轮播永远不会渲染。
2. 当我单击下一个或上一个按钮时，它会将#carousel 放在 url 中，这是非常不受欢迎的。

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

这是一个固定代码的引导程序： http ://bootply.com/69067