我正在使用 Bootstrap 3,但我的 carousel
出现了问题。
我有 12 件元素。我设法通过使用以下代码启动了我的 Carousel
:
$(function() {
$('.carousel').carousel({
interval: 1000,
cycle: true
});
$('[data-slide-to=0]').trigger('click');
});
问题是,第一个循环自动成功完成,但当它结束时,大图像消失但指示器没有任何反应。指标继续从头到尾循环,没有大图像。
图 2: slider 消失,它的指示器仍然存在并从头开始正常。
当我打开 firebug
并在第一张图片上添加“active”时,它就正常了。
如何设置 Carousel
,以便在选择第一个指标时第一个项目处于事件状态?
我在这里创建了一个示例 JSFiddle
最佳答案
Bootstrap v3 中没有“循环”这样的选项,因为它默认循环。因此代码应该如下所示:
$(function(){
$('.carousel').carousel({ interval: 1000 });
});
此外,您还应该删除指示器中的 item
类,因为它表示要设置动画的幻灯片。
关于javascript - Bootstrap Carousel 不重启,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41858880/