Bootstrap Carousel无法重启

时间:2017-01-25 18:24:53

标签: javascript twitter-bootstrap-3

我使用Bootstrap 3并且遇到carousel问题。 我有12件物品。我设法使用此功能启动Carousel

$(function() {
  $('.carousel').carousel({
    interval: 1000,
    cycle: true
  });
  $('[data-slide-to=0]').trigger('click');
});

问题是,第一个循环自动成功完成,但是当它结束时,大图像消失但指标没有任何反应。指标继续从开始到结束循环,没有大图像。

Img 1: 普通滑块,滑动到最后: enter image description here

Img 2: 滑块消失,它的指示灯保持不变并从正常开始重新启动。

enter image description here

当我打开firebug并添加"有效"到第一张图片,它变得正常。

如何设置Carousel,以便在选择第一个指标时第一项是否有效?

我在这里创建了一个示例JSFiddle

1 个答案:

答案 0 :(得分:2)

没有“循环”这样的选项。在Bootstrap v3中,因为它默认循环。因此代码应如下所示:

 $(function(){
     $('.carousel').carousel({ interval: 1000 });
 }); 

此外,您应该删除指标中的item类,因为它表示要设置动画的幻灯片。

https://jsfiddle.net/66o0g8a0/1/