2017-01-25 8 views
4

私はブートストラップ3を使用していて、私のcarouselに問題があります。 私は12の項目があります。私はこれを使用して、私のCarouselを開始するために管理:ブートストラップカルーセルが再起動しない

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

問題は、最初のループは自動的に、正常に完了し、それが最後になると、大きな画像が消えたが、何も指標に起こりません、です。インディケータは大きなイメージなしで最初から最後までループし続けます。

IMG 1:最後までスライドノーマルスライダー、: enter image description here

IMG 2:スライダーは消え、それは指標が残り、通常通り初めから再起動します。

enter image description here

私はfirebugを開き、最初の画像に「アクティブ」を追加すると、それが正常になります。

Carouselを設定するにはどうすればよいですか?最初の項目がアクティブなので、最初のインジケータが選択されていますか?

は、ここで私は、サンプル JSFiddle

+0

多分それは、このです: '$( '[データ-スライドへ= 0')トリガー( 'クリック');'、あなたはブラケットを閉じるのを忘れていました。。私はこれがちょうどタイプミスだと思うけど。 – sdvnksv

+0

それは私の悪い私はそれを修正した。何も変わっていない。 – sulhadin

+1

あなたにはhttps://jsfiddle.net/が表示されていますか? –

答えて

2

それはデフォルトでループとしてブートストラップV3の「サイクル」、というようなオプションがありませんを作成しました。それがアニメーション化するスライドを示しているので、また、あなたが指標にitemクラスを取り除く必要があります

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

:そのためのコードは次のようになります。

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

+0

私はこれを試しました。何も変わっていません – sulhadin

+0

私はサンプルJSFiddleを作成しました。 – sulhadin

+0

素晴らしいです、それは働いた! – sulhadin

関連する問題