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

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

1 个答案: