【问题标题】:slickGoTo not working when responsiveslickGoTo 在响应时不起作用
【发布时间】:2015-06-08 07:13:34
【问题描述】:
$('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/

【问题讨论】:

  • 你找到解决办法了吗?

标签: javascript jquery slick.js


【解决方案1】:

我可以确认这个错误,当我删除响应设置时“slickGoTo”再次起作用。一直在寻找解决方法几个小时,但没有结果。

快速说明,如果您将它与点击处理程序一起使用,它可以工作(使用响应式设置):

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

【讨论】:

    猜你喜欢
    • 2015-07-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-11-28
    • 1970-01-01
    相关资源
    最近更新 更多