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

Question

我正在尝试启用 Slick Slider (slick.js) 以仅启动超过 520 像素宽。低于它的任何东西和幻灯片都只是堆叠（即没有光滑）。有没有可能不刷新页面就可以工作？

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

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

有没有办法解决这个问题？

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

Answer 1

当窗口大小调整到 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();   
    }
});