Удаление блока при событии slick слайдера?

Question

[furcifer]

Добрый день!
Имеется slick слайдер, нужно сделать следующее: если в активном слайде есть изображение с классом .locked, то нужно убрать определенный элемент, если этого изображения нет то блок остается на месте.
Пытаюсь делать с помощью события afterChange но не выходит, при переключении слайдов он просто удаляет блок и не возвращает
Что делаю не так, и как правильно? Подскажите пожалуйста

$('.slider-1').on('afterChange', function() {
		if($(".slider-1 .slide-active img").hasClass("locked-class")){
			$('.block').css('display','none');
		}else{
			$('.block').css('display','block');
		}
			
	});

Comments

[Александр]

Дайте код html и js код слайдера

[Алексей Арх]

Возможно нужно проверять класс locked, а ты проверяешь locked-class.

[furcifer]

Александр, html код простого slick слайдера, ничего особенного, а js перед вами
kenwheeler.github.io/slick

[furcifer]

Алексей Арх, просто не дописал в описании

Answer 1

[Александр]

1 Способ

.locked-class .block{
display: none;
}

2 способ

var origFn = $.fn.addClass;  
$.fn.addClass = function(className)
{
    //  Выполняем здесь необходимый нам код
    //  и вызываем оригинальную функцию

    origFn.apply(this, arguments);
}

3 способ

jQuery('header').bind('classChanged', function(){
console.log('class changed');	
});

4 способ

(function(){
    var originalAddClassMethod = jQuery.fn.addClass;
    var originalRemoveClassMethod = jQuery.fn.removeClass;
    jQuery.fn.addClass = function(){
        var result = originalAddClassMethod.apply( this, arguments );
        jQuery(this).trigger('classChanged');
        return result;
    }
    jQuery.fn.removeClass = function(){
        var result = originalRemoveClassMethod.apply( this, arguments );
        jQuery(this).trigger('classChanged');
        return result;
    }
})();

Выбирай!