javascript - 响应时 slickGoTo 不工作

Question

$('div.test').slick({
    arrows: false,
    centerMode: true,
    centerPadding: '18%',
    slidesToShow: 3,
    swipeToSlide: true,
    responsive: [{
        breakpoint: 768,
        settings: {
            slidesToShow: 1
        }
    }, {
        breakpoint: 480,
        settings: {
            slidesToShow: 1
        }
    }]
});
$('div.test').slick('slickGoTo', 4);

转到 http://jsfiddle.net/wzL4ztLg/

当您在全尺寸屏幕上运行演示时，slickGoTo 会按预期工作。当您缩小框架并点击运行时，slickGoTo 似乎不起作用。

我还发现，如果您保持较小的框架但删除响应设置，slickGoTo 会再次工作 - http://jsfiddle.net/wzL4ztLg/1/

Answer 1

我可以确认这个错误，当我删除响应设置时“slickGoTo”再次工作。几个小时以来一直在寻找修复方法，但没有结果。

请注意，如果您将它与点击处理程序一起使用(使用响应式设置):

$('.slider').on('click', function(event) {
  $(".slider").slick("slickGoTo", 3, true);
});