【slickスライダー】slickの解除とスライダーを追加する方法

一度生成したslickスライダーを解除させる方法を紹介します。

slickスライダーの解除

//Slickの初期化
$('.slider').slick({
  // オプションなどの指定
});

//slickの解除（削除）
$('.slider').slick('unslick');

slickの解除には「 slick(‘unslick’) 」を指定することで解除することができます。

$('.slider').slick('slickAdd', '<div><p>New Slide</p></div>');

slickAdd() を使うことで新しくスライドを追加することができます。

次はスライドの何個目に新しいスライドを追加したいときの方法になります。

let slideIndex = 2;//3個目に入れる場合（0から数える）
let newSlide = '<div><p>New Slide</p></div>';
$('.slider').slick('slickAdd', newSlide, slideIndex);

Slickスライダーのスライドは0から始まる数で数えられるので3番目の場合は slideIndexの変数には2を指定します。