ブートストラップでアクティブなページを取得する方法カルーセル

Question

私はカルセルを持っており、スライドイベントが発生したときにアクティブなページインデックスを取得したいと考えています。私はインターネットを検索し、2つのイベント：slide.bs.carouselとslid.bs.carouselを見つけましたが、アクティブなページインデックスを取得できませんでした。何か方法はありますか？

Answer 1

jQuery .siblingsと.indexメソッドを利用して、現在アクティブなものとしてマークされているスライドの0ベースのインデックスを取得できます。

JS

$(function(){ 
    var carouselEl = $('.carousel'); 
    var carouselItems = carouselEl.find('.item'); 
    carouselEl.carousel({ 
     interval: 2000 
    }).on('slid.bs.carousel', function (event) { 
     console.log(carouselItems.siblings('.active').index()); 
    }) 
}) 

JSFIDDLE