如何在bootstrap Carousel中获取活动页面

Question

我有一个Carousel，我想在幻灯片事件发生时获取活动页面索引。我搜索了互联网并找到了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