Как при завершении движения получить слайд в переменную?

Question

[DeniSidorenko]

Есть слайдер на 12 item'ов. , показывает по 4. Т.е. 4 из них активны. Как сделать, чтобы при перелистывании (мышкой, либо стрелками) получить элемент, который первый в списке с классом active?

Answer 1

[0xD34F]

onTranslated() {
  const $firstActive = this.$element.find('.owl-item.active:eq(0)');
},

или

.on('translated.owl.carousel', function() {
  const $firstActive = $(this).find('.owl-item.active:eq(0)');
})

Comments

[DeniSidorenko]

У меня вот такой код. Как поставить ваш код туда

prods.owlCarousel({
    items: 4,
    nav: true,
    loop: true,
    dots: false
  });

[0xD34F]

DeniSidorenko,

prods.owlCarousel({
  items: 4,
  nav: true,
  loop: true,
  dots: false,
  onTranslated() {
    const $firstActive = this.$element.find('.owl-item.active:eq(0)');
  }
});

или

prods.owlCarousel({
  items: 4,
  nav: true,
  loop: true,
  dots: false
}).on('translated.owl.carousel', function() {
  const $firstActive = $(this).find('.owl-item.active:eq(0)');
});

[DeniSidorenko]

0xD34F, Спасибо вам большое 0xD34F