Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 调整窗口大小时重置JQuery函数_Javascript_Jquery_Html_Css - Fatal编程技术网

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

Javascript 调整窗口大小时重置JQuery函数,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我目前正在使用slick slider在3列中显示内容。我使用(flexbox)基本上做到了这一点-我只希望在mobile view上激活滑块,因此当用户将屏幕缩小(调整大小)到mobile view时,flexbox 3列将变成滑块,一次显示一张幻灯片 我遇到的问题是,当用户打开屏幕返回到桌面视图时,幻灯片不会返回,它们似乎在移动视图的滑块中丢失 我想让它等待,直到用户将屏幕大小调整为649,然后当它将大小调整回651时,它将取消单击 $(slider).slick({ autoplay:

我目前正在使用slick slider在3列中显示内容。我使用(flexbox)基本上做到了这一点-我只希望在mobile view上激活滑块,因此当用户将屏幕缩小(调整大小)到mobile view时,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')
 };
});
我相信unslick()是正确的函数

$(slider).unslick();

第二条底线?是的。而不是$(slider.slick('unslick');尝试$(滑块).unslick();