1

我在 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();

随意尝试一下:

[编辑]

4

1 回答 1

1

代码中需要修复的 3 件事

  • 正如@Blake 所说,您的 id 必须是myCarousel,否则您必须更改选择器
  • 您没有指定首先可见的图像(active其中一个的类item
  • 你做了一些奇怪的事情contributors-carousel

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

于 2013-07-22T23:56:50.260 回答