Как отловить перенос класса active?

Question

[0348raven]

<div class="owl-controls clickable">
  <div class="owl-pagination">
    <div class="owl-page"><span class=""></span></div>
    <div class="owl-page"><span class=""></span></div>
    <div class="owl-page active"><span class=""></span></div>
    <div class="owl-page"><span class=""></span></div>
    <div class="owl-page"><span class=""></span></div>
  </div>
</div>

Этот код встраивает сама карусель. По-хорошему мне необходимо сделать счетчик вида 1/5.

Грубо и корявенько это можно сделать так

var owlPage = $(".owl-page");

    $(function(){
        $(".owl-page-altogether").html($(owlPage).length);
    })

    var owlPageIndexNumber = $('.owl-pagination .owl-page').index($('.owl-page.active')) + 1;

    $(".owl-page-index-number").text(owlPageIndexNumber);

<p class="b-owl__navigation__el-count-mod-house">
  <span class="owl-page-index-number"></span>/<span class="owl-page-altogether"></span>
</p>

Осталось только отлавливать и изменять "owl-page-index-number" по клику на навигацию карусели. Понимаю, что через addEventListner, но далее что?

Answer 1

[Pshkll]

Ну как бы

Comments

[0348raven]

Спасибо, думаю пригодится. Но немного не то.

[Pshkll]

0348raven: "По-хорошему мне необходимо сделать счетчик вида 1/5." - это же задача вроде?

[0348raven]

Pshkll: Получается, что там отлавливает определенный объект, в нашем случае первый, а мне нужно отлавливать именно порядковый номер экрана с этими объектам, то есть, если у меня 3 экрана по три штуки, то счетчик вида 3/3, а объектов при этом 9