在平滑滑块中选择幻灯片时禁用滑动

我正在使用同步滑块

“fullslide” - 一次一张幻灯片

“thumbslide” - 一次 5 张幻灯片，用作全幻灯片的导航

从拇指幻灯片中选择一张幻灯片时，我希望它变为活动状态without向左或向中心滑动。有办法实现这一点吗？

CODE

$('.slider-for').slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    arrows: false,
    fade: true,
    asNavFor: '.slider-nav',
    accessibility: false
});
$('.slider-nav').slick({
    slidesToShow: 5,
    slidesToScroll: 1,
    asNavFor: '.slider-for',
    dots: false,
    centerMode: false,
    focusOnSelect: true,
    accessibility: false
});

Fiddle http://jsfiddle.net/9kp36e09/42/

我试过：

$('#sliders').slick({
     accessibility: false
});

from: 有没有办法在单击导航滑块时禁用平滑滑块的自动滚动？ https://stackoverflow.com/questions/30013101/is-there-a-way-to-disable-slick-slider-from-autoscrolling-when-clicked-on-naviga?rq=1

还是行不通

谢谢

与 github 上的答案相同：

首先为导航设置 focusOnSelect: false 。

其次，主程序不应有 asNavFor ，否则将需要更多事件。

$('.slider-for').slick({
   slidesToShow: 1,
   slidesToScroll: 1,
   arrows: false,
   fade: true
});
$('.slider-nav').slick({
   slidesToShow: 5,
   slidesToScroll: 1,
   asNavFor: '.slider-for',
   dots: false,
   centerMode: false,
   focusOnSelect: false
});

$('.slider-nav .slick-slide').on('click', function (event) {
   $('.slider-for').slick('slickGoTo', $(this).data('slickIndex'));
});

Fiddle http://jsfiddle.net/m7bkn5ym/1/