Как анимировать активный слайд slick slider?

Question

[Narally]

Нужна анимация для активного центрального слайдера. Когда слайдер инициализируется, анимация почему-то не работает, первый раз переключаю слайд, анимация срабатывает на нем, но при следующей прокрутке вперед назад начинают работать анимации так же на соседних элементах. ( 2 и 1, потом 3, 2 и 1) Как сделать чтобы анимация всегда работала только на активном слайде, а на других не работала?

Comments

[Виталий Першин]

Я Так до конца и не понял, что именно нужно? Зачем событие клик вешается? Ну и логика собственно в чем?

[Narally]

Виталий, смысл в том, чтобы при клике на центральный слайдер срабатывала анимация, только на нем одном. а она продолжает почему-то работать на предыдущих слайдах, хотя класса slick-center на них нет.

[Виталий Першин]

Narally,

хотя класса slick-center на них нет.

slick-current, если быть точным. Вы вешаете событие на элемент, а элемент находите обращаясь к классу.
Я все равно до конца не понимаю задачу. Вы можете просто делегировать событие:

$('.slider-nav').slick({
   slidesToShow: 3,
   slidesToScroll: 1,
   dots: true,
  centerMode: true
 }).on('afterChange', function(e, slick) {
$('.item').removeClass('jump');
  });

$('body').on('click', '.slick-current', function(event) {
  event.preventDefault();
   $(this).addClass('jump');
});