Как отследить добавление/удаление класса?

Question

[Alex Ozerov]

Стандартная разметка swiper slider.

<div class="swiper-container">
    <!-- Additional required wrapper -->
    <div class="swiper-wrapper">
        <!-- Slides -->
        <div class="swiper-slide">Slide 1</div>
        <div class="swiper-slide">Slide 2</div>
        <div class="swiper-slide">Slide 3</div>
        ...
    </div>
    <!-- If we need pagination -->
    <div class="swiper-pagination"></div>

    <!-- If we need navigation buttons -->
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>

    <!-- If we need scrollbar -->
    <div class="swiper-scrollbar"></div>
</div>

У меня кастомная пагинация для этого слайдера. У слайдера autoplay. При срабатывании аутоплей, одному из слайдов("swiper-slide") добавляется класс active. Все это делает сам слайдер. Как отследить добавление активного класса для каждого слайда ПОСЛЕ загрузки страницы, то-есть смена слайда возможно произойдет позже(через 5,10, 50 сек). Как только слайду дается активный класс, мне нужно в пагинации(совсем другой блок) добавить элементу свой клас.

Answer 1

[BigSmoke]

MutationObserver?