web-dev-qa-db-ja.com

bootstrapカルーセルアニメーションを無効にする方法は?

たとえば、3つの画像を含むカルーセルがあります。カルーセルがスライドすると、新しい画像が「slid」イベントを介して追加されます。

$('#imageCarousel').on('slid', function (event) {
      //add more images
});

カルーセルのアニメーションを無効にしたいので、ここに示すように、カルーセルcssで遷移時間は0に設定されます カルーセルアニメーションの削除 。しかし、その後、「slid」イベントは発生しません。カルーセルでアクティブなアイテムを知る必要があるため、「slide」イベントを使用できませんが、「slide」イベントの後に「active」クラスが設定されていません。どうすれば解決できますか?ありがとう。

16
IgorCh

次のコードを使用できると思いますが、

slidedivからcarouselクラスを削除し、次のように使用するだけです。

<div class="carousel"> 

これにより、スライドアニメーション効果が削除されます。動作を参照してください fiddle

38
Able Alias