2017-01-25 67 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