平滑-如果currentSlide hasClass

Question

我的目标是当当前幻灯片的背景为深色时，我想将页眉上的文本变成白色。

我尝试在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')
});