調整窗口大小時重置JQuery函數

Question

點擊這里

我目前正在使用滑動滑塊在3列中顯示內容。 我實際上是使用（flexbox）來執行此操作的-我只希望在移動視圖上激活滑塊，因此，當用戶將屏幕縮小（調整大小）到移動視圖時，flexbox 3列變成一個滑塊，在屏幕上顯示一個幻燈片時間。

當用戶將屏幕打開回到桌面視圖時，我遇到的問題是幻燈片沒有恢復，它們似乎在移動視圖的滑塊中丟失了。

我要發生的是等待用戶將屏幕大小調整為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();