Slick.js，滑块与beforeChange同步

Question

我在使用同步导航的模式下设置光滑轮播有问题，就像这样工作：

第一次过渡 https://imgur.com/a/Lq1nn

第二次转型 https://imgur.com/a/ywL3D

第三次转型 https://imgur.com/a/SbBbf

我现在这样做的方式并没有发挥作用。

    $main_topic_slider.on('beforeChange', function(currentSlide){
        $main_topic_nav.slick('slickGoTo', currentSlide + 1);

    console.log('SLIDER:'+$main_topic_slider.slick('slickCurrentSlide'));
    console.log('NAV:'+$main_topic_nav.slick('slickCurrentSlide'));
    });

幻灯片行为不像他们想象的那样：

SLIDER：0 NAV：1

SLIDER：0 NAV：1

SLIDER：1 NAV：2

SLIDER：0 NAV：1

SLIDER：1 NAV：2

这是我初始化的方式：

    var settings_main_topic = {
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: false,
        fade: false,
        autoplay: true,
        autoplaySpeed: 8000,
        asNavFor: $main_topic_nav,
        cssEase: 'cubic-bezier(.25,.46,.45,.94)',
        speed: 1000,
        initialSlide: 0
    },

    settings_main_topic_nav = {
        slidesToShow: 2,
        slidesToScroll: 1,
        arrows: false,
        focusOnSelect: false,
        autoplay: true,
        autoplaySpeed: 8000,
        asNavFor: $main_topic_slider,
        cssEase: 'cubic-bezier(.25,.46,.45,.94)',
        speed: 1000,
        initialSlide: 1
    }

如果有人能帮助我，我将不胜感激。