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