Ivseti
@Ivseti
Фронтенд HTML, CSS и немного JS с PHP

Как запустить событие на определенном слайде слайдера с помощью Jquery?

Есть слайдер. HTML конструкция которого такая:

<div>
    <div class"block class" data-step="1">Информация</div>
    <div class"block class slick-active" data-step="2">Информация</div>
    <div class"block class" data-step="3">Информация</div>
</div>


Соответственно при перемещении по слайдам, есть класс slick-active, который ставится на активный слайд. Так же слайды имеют атрибуты data-step. Необходимо запустить событие типа hide, show на определенном слайде для другого блока. Пока что мои попытки не увенчались успехом.

Я пробовал различные конструкции:

$('.slick-active[data-step="6"]').alert('TEST');

или

if ($('.slick-active').find('[data-step="6"]').length) {
    //действие
}


или

$('.slick-active').find('[data-step="6"]', function(e) {
                // действие
              });


А так же другие варианты... Но у меня ничего не вышло.
  • Вопрос задан
  • 45 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы