2017-01-25 71 views
4

我使用Bootstrap 3并遇到了问题carousel。 我有12个项目。我设法以此来开始我的CarouselBootstrap旋转木马不重新启动

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

的问题是,第一循环成功完成,自动,但是当涉及到了尽头,大图像消失,但没有任何反应的指标。指标继续从头到尾循环,没有大的形象。

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

图2:滑块消失,它的指标仍从begining正常重启。

enter image description here

当我打开firebug,并添加“主动”到第一个图像,它变得正常。

如何设置Carousel,所以当第一个指标被选中时,第一个项目被激活?

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

+0

也许是这样的:'$( '[数据载玻片到= 0')触发器( '点击');',你忘了关支架。虽然我认为这只是一个错字。 – sdvnksv

+0

这是我的不好,我修好了。但没有任何改变。 – sulhadin

+1

你有工作的https://jsfiddle.net/向我们展示? –

回答

2

有作为引导v3的“周期”,因为它可以将默认情况下没有这样的选择。因此,代码应该是这样的:

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

你也应该在指标摆脱item类的,因为它表明幻灯片动画。

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

+0

我以前试过这个。没有任何变化 – sulhadin

+0

我已经创建了一个示例JSFiddle,我会appriciate,如果你检查它。 – sulhadin

+0

真棒,它工作! – sulhadin