我使用Bootstrap 3并且遇到carousel
问题。
我有12件物品。我设法使用此功能启动Carousel
:
$(function() {
$('.carousel').carousel({
interval: 1000,
cycle: true
});
$('[data-slide-to=0]').trigger('click');
});
问题是,第一个循环自动成功完成,但是当它结束时,大图像消失但指标没有任何反应。指标继续从开始到结束循环,没有大图像。
Img 2: 滑块消失,它的指示灯保持不变并从正常开始重新启动。
当我打开firebug
并添加"有效"到第一张图片,它变得正常。
如何设置Carousel
,以便在选择第一个指标时第一项是否有效?
我在这里创建了一个示例JSFiddle
答案 0 :(得分:2)
没有“循环”这样的选项。在Bootstrap v3中,因为它默认循环。因此代码应如下所示:
$(function(){
$('.carousel').carousel({ interval: 1000 });
});
此外,您应该删除指标中的item
类,因为它表示要设置动画的幻灯片。