javascript – Bootstrap Carousel不会重启

2019年7月20日 189次阅读

我正在使用Bootstrap 3并且在使用我的旋转木马时出现问题.

我有12件物品.我设法用这个来启动我的Carousel：

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

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

图1：普通滑块,滑动到最后：
《javascript – Bootstrap Carousel不会重启》

图2：滑块消失,它的指示器保持不变并从正常开始重新启动.

当我打开萤火虫并将“活动”添加到第一张图像时,它变得正常.

如何设置轮播,以便在选择第一个指示器时第一个项目处于活动状态？

我在这里创建了一个样本JSFiddle

最佳答案 Bootstrap v3中没有“循环”这样的选项,因为它默认循环.因此代码应如下所示：

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

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

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

点赞