Почему classList.contains не работет?

Question

[Kombik]

На сайте подключен slick слайдер centerMode. Центральному слайдеру дается класс slick-center.
Нужно добавить событие с помощью нативного js, при element.classList.contains('slick-center') == true, однако через contains класс просто не находится, возвращает false.

Comments

[Alex]

Сделайте демку в песочниице

Answer 1

[Дима Паутов]

потому что скорей всего, когда вы вызываете свой код, slick ещё не инициализировался. Поэтому так и получается, а на момент console.log сработал. Проблема может быть в долях секунд.

Вызывайте событие инициализации слайдера и внутри него делайте свою логику

Comments

[Kombik]

Вы правы, проблема была в этом. Спасибо)
Еще такой вопрос. Теперь событие добавляется, если element.classList.contains('slick-center') == true ,
но класс slick-center меняется, а событие так и остается у первого элемента. Возможно тут нужно действовать по другой какой-то схеме?
( пример https://jsfiddle.net/bsrekyn5/ )

[Дима Паутов]

Kombik, тогда нужно применять вашу логику при событии изменения слайда(когда он прокрутился) и каждый раз делать проверку