我在 bootstrap 的轮播中遇到了一些问题:
- 在第一个时间间隔过去之前,轮播不会渲染。我什至不希望轮播自动播放,所以我尝试使用选项间隔:false,但这会导致轮播永远不会渲染。
- 当我单击下一个或上一个按钮时,它会将#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">‹</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>
</div>
jQuery:
$('#myCarousel').carousel();
随意尝试一下:
[编辑]