Javascript 在某些断点上启用和禁用滑动滑块

我正在尝试启用Slick Slider（Slick.js），使其只能启动超过520像素的宽度。低于该值的任何东西和幻灯片都只是堆叠（即没有光滑）。是否可以在不刷新页面的情况下工作

我已经这样做了，当将浏览器（窄）拖动到500px以下时可以工作，但是当我将其移动到500px以上时，如果不刷新页面，它不会重新启动

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

有办法解决这个问题吗

---

我正在使用

当窗口的大小调整到500以上时，您可以尝试重建它。这似乎在我的演示中起作用

---

感谢您的反馈-我可以看到它在您的手机上运行得非常好，但在我的手机上，它现在阻止了手机的关闭或打开，奇怪的是-我需要进一步调查…祝您好运！让我知道进展如何。记住，我将init放在一个函数中，因此确保在页面加载时调用该函数。

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