Ken Wheeler Slick Slider 1.4 - .slick-active激活asNavFor中所有可见的，而不是显示的那个

Question

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

DEMO：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'
    });


});

我尝试了什么：slick slider - syncing autoplay and active navigation - 这不起作用。它曾经在这个脚本的旧版本中工作但仅在最初，一旦幻灯片推进它没有工作。

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总是被赋予当前有效的拇指。

我同意你的看法，这个滑块本身并没有这个功能，这很奇怪。

<强> Final working example