javascript - 调整窗口大小时重置 JQuery 函数

Question

click here

我目前正在使用 slick-slider 在 3 列中显示内容。我正在使用 (flexbox) 本质上这样做 - 我只希望在移动 View 上激活 slider ，因此当用户将屏幕缩小(调整大小)到移动 View 时，flexbox 3 列变成一个 slider ，在一个位置显示一张幻灯片时间。

我遇到的问题是，当用户将屏幕打开回到桌面 View 时，幻灯片不会重新出现，它们似乎迷失在移动 View 的 slider 中。

我想要发生的是等到用户将屏幕大小调整为 649，然后当它调整回 651 时，它会取消滑动

$(slider).slick({
  autoplay: true,
  autoplaySpeed: 800,
  slidesToShow: 3,
  slidesToScroll: 3,
  speed: 800,
  responsive: [{
   breakpoint: 1024,
   settings: {
   slidesToShow: 3,
   slidesToScroll: 1,
   infinite: true,
   dots: true
   }
  }, {
   breakpoint: 650,
   settings: {
    slidesToShow: 1,
    slidesToScroll: 1
    }
  }],
});

 $(window).on('resize', function() {
  var win = $(this);
  if (win.width() >= 650) {
$(slider).slick('unslick')
 };
});

Answer 1

我相信 unslick() 是正确的函数。

$(slider).unslick();