javascript - 仅在移动屏幕尺寸上使用 slick.js

Question

我只希望 slick.js 插件在移动屏幕尺寸上处于事件状态，例如在 450 像素以下。我希望这发生在页面加载或浏览器调整大小时。如果我加载页面或调整到正确的宽度，Slick.js 确实可以正常工作，但如果我将浏览器的大小调整为大于 450 像素，则 Slick.js 不会正常工作。这可以做到吗？

   $(document).ready(function(){
    $(window).resize(function(){
      if($(window).width() < 450) {
        $('.round-card-slick').slick({
        });
      } else {
        $('.round-card-slick').unslick();
      }
    });
  }); 

Answer 1

顺便说一句，现在您可以直接在灵活的响应式设置对象中执行此操作

mobileFirst: true, 
responsive: [
   {
      breakpoint: 480,
      settings: "unslick"
   }
]