javascript - Bootstrap Carousel 不重启

Question

我正在使用 Bootstrap 3，但我的 carousel 出现了问题。我有 12 件元素。我设法通过使用以下代码启动了我的 Carousel:

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

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

Img 1: 普通 slider ，滑动到最后:

图 2: slider 消失，它的指示器仍然存在并从头开始正常。

当我打开 firebug 并在第一张图片上添加“active”时，它就正常了。

如何设置 Carousel，以便在选择第一个指标时第一个项目处于事件状态？

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

Answer 1

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

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

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

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