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

Question

我只希望slick.js插件在移动屏幕尺寸时处于活动状态,例如450px以下.我希望在页面加载或浏览器调整大小时发生这种情况.如果我加载页面或调整到正确的宽度但如果我调整浏览器到大于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"
   }
]

Answer 2

问题是即使在不光滑之后，不光滑仍然会在调整大小时触发，这反过来会破坏它。我的同事想出了一个解决办法，就像这张支票一样。

var target = $('.slick-mobile-gallery');
if(target.hasClass('slick-initialized'))
  target.unslick();

更新：

解决方案是插件中的内置功能slick，@James Daly 的答案是这个问题的真正答案。