Slick - добавить класс в заголовок, если currentSlide hasClass - PullRequest
Новая
       38

Slick - добавить класс в заголовок, если currentSlide hasClass

0 голосов
/ 13 марта 2019

моя цель - когда фон текущего слайда темный, я хочу превратить текст заголовка в белый цвет.

Я пытаюсь использовать hasClass на slick-current и slick-active,но он не работает

Вот мой HTML 

<header>
  <ul>
    <li>TEXT</li>
    <li>TEXT2</li>
    <li>TEXT3</li>
  </ul>
</header>

<ul class="slider">
  <li></li>
  <li class="dark"></li>
  <li></li>
  <li></li>
  <li class="dark><li>
</ul>

CSS 

header {
  color: black;
}

.white-text {
  color: white;
}

.dark {
  background: black;
}

JS 

$('.slider').slick().on('onChange', function(event, slick, currentSlide){
    if(currentSlide.hasClass('dark')) {
        $('header').addClass('white-text')
    }
    $('header').removeClass('white-text')
});
...