KenWheelerSleickSlider1.4-.slick-active正在激活asNavFor中所有可见的内容，而不是显示

Question

当用户单击拇指或主滑块前进时，您可能会认为.slick-active会在大拇指中指示主滑块中镜像的幻灯片，但是所有的拇指都设置为.slick-active。我正在使用此脚本的1.4版本。

演示：https://jsbin.com/mevaga/1/edit?html,js,output

$(document).ready(function() {

    $('.portfolio-thumb-slider').slick({
        slidesToShow: 4,
        slidesToScroll: 1,
        asNavFor: '.portfolio-item-slider',
        dots: false,
        arrows: false,
        focusOnSelect: true
    });


    $('.portfolio-item-slider').slick({
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: false,
        asNavFor: '.portfolio-thumb-slider'
    });


});

​

​

我试过什么：滑块-同步自动播放和主动导航 --这不管用。它过去在此脚本的旧版本中工作，但只是在最初阶段，一旦幻灯片升级，它就无法工作。

Answer 1

所以我有点烦躁，这似乎很有效：

$('.portfolio-thumb-slider').on('afterChange', function(event, slick, currentSlide, nextSlide){
  //remove all active class
  $('.portfolio-thumb-slider .slick-slide').removeClass('slick-active1');
  //set active class for current slide
     $('.portfolio-thumb-slider .slick-slide:not(.slick-cloned)').eq(currentSlide).addClass('slick-active1');  

.slick-active1总是给予当前的主动拇指。

我同意你的观点，奇怪的是这个滑块本身没有这个特性。

最终工作实例