スマホではslickを無効化する方法

TIPS 0 Takuya Kobayashi

次のコードでは736px以下でslickを無効化する

$('.slideshow').slick({
speed: 1000,
slidesToShow: 4,
dots: false,
arrows: true,
responsive:[{
breakpoint: 736,
settings: 'unslick'
}],
});
});
$(window).on('resize',function(){
$('.slideshow').slick('resize');
});

デスクトップユーザーがウインドウを小さくしてunslickされてしまうと、ウインドウを大きくしてもslickが有効にならない。そこで、ウインドウサイズの変更があった場合slick(‘resize’)を実行させる。

--
以上