So erhalten Sie eine aktive Seite im Bootstrap-Karussell

Question

Ich habe ein Karussell und möchte einen aktiven Seitenindex erhalten, wenn ein Schiebereignis auftritt. Ich suchte im Internet und fand 2 Ereignisse: slide.bs.carousel und slid.bs.carousel, aber ich konnte nicht aktiven Seitenindex bekommen. Gibt es irgendeinen Weg?

Answer 1

Sie können die Methoden jQuery .siblings und .index nutzen, um einen 0-basierten Index zu erhalten, dessen Folie derzeit als aktiv markiert ist.

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