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

Question

我正在尝试启用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

Answer 1

当窗口调整大小超过500时,您可以尝试重建它.这似乎适用于我的演示.

JSFiddle演示

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();   
    }
});