23 февраля 2016 г.

Get number of NEXT sllide in Bootstrap Carousel

If we want find number of the next slide in Bootstrap carousel in handler of slide.bs.carousel event (not slid.bs.carousel, i.e. before animation start, not after) we can do it.

For do this we can use e.relatedTarget object in event handler (it'll be the next slide), than find it index in list of all slides.

The example of code below:

$('#bootstrap_carousel').on('slide.bs.carousel', function (e) {
    var nextItem = $(e.relatedTarget);
    var allItems = $(e.currentTarget).find('.item');

    var indexOfNextElement = allItems.index( nextItem );
});

P.S. Краткий перевод на русский: чтобы узнать индекс следующего слайда в карусели Bootstrap до начала анимации, можно в обработчике события slide.bs.carousel использовать объект e.relatedTarget, который и является следующим слайдом. Подробности - в коде выше.

Комментариев нет :

Отправить комментарий