Slick dots не реагируют на внешние события jquery, как реализовать?

Question

[Bandibar]

использую банально просто slcik slider, внутри 4 слайда с четырьмя dot пагинаторами, мне нужно подключить смену класса для внешнего блока когда нажимаем на любой маркер в слайдере, мои попытки никакого результата не принесли:

$('#slick-slide03 button').on('click', function() {
    $('.map_animation').toggleClass('map_animation2');});});

или

$("#slick-slide00").children("button").click(function() {
        $('.map_animation').toggleClass('map_animation2');
    });

подскажите, что я делаю не так, или как правильно реализовать такое событие?

Answer 1

[Stalker_RED]

afterChange, beforeChange не устраивают?
kenwheeler.github.io/slick/#settings

Comments

[Bandibar]

я попробовал

$('#slick-slide03').on('beforeChange', function() {
			$('.map_animation').toggleClass('map_animation2');
		});

это не сработало, возможно я не правильно написал? подскажи пожалуйста

Answer 2

[Bandibar]

вот так получилось:

$('.big-slider-sec').on('afterChange', function(event, slick, currentSlide){
			$("#slick-slide01").click(function() {
				$('.map_animation').toggleClass('map_animation2');
			});
		});