javascript - 在某些断点上启用和禁用Slick Slider

我正在尝试启用Slick Slider(slick.js)仅启动超过520px宽。低于此值的任何东西和幻灯片都只会堆叠(即没有滑动)。是否可以使它在不刷新页面的情况下工作？

我已经做到了，这在将浏览器(窄)拖动到500px以下时有效，但是当我将其移动到500px以上时，它不会在不刷新页面的情况下重新启动...

$('.slick').slick({
    autoplay: true,
    autoplaySpeed: 4000,
    delay: 5000,
    speed: 700,
    responsive: [
        {
            breakpoint: 500,
            settings: "unslick"
        }
    ]
});

有没有解决的办法？

我正在使用https://github.com/kenwheeler/slick

最佳答案

当窗口大小调整为500以上时，您可以尝试重新构建它。这在我的演示中似乎有效。

JSFiddle Demo

function slickify(){
    $('.slick').slick({
        autoplay: true,
        autoplaySpeed: 4000,
        delay: 5000,
        speed: 700,
        responsive: [
            {
                breakpoint: 500,
                settings: "unslick"
            }
        ]
    });
}

slickify();
$(window).resize(function(){
    var $windowWidth = $(window).width();
    if ($windowWidth > 500) {
        slickify();
    }
});