jquery - スリックスライダーオプションの変更

Question

既に作成された Slick カルーセルに新しいオプションを渡す方法があるかどうか知りたいですか? 私はこのコードを持っています:

$('.bottom-slider').slick({
  asNavFor: '.top-slider',
  slidesToShow: 3,
  slidesToScroll: 1,
  variableWidth: true,
  centerMode: true,
  etc...
});

slidesToShow: 5そしてある時点で（スライダーのスタイルを変更するためにCSSクラスを追加しました） 、カルーセルに渡したいと思います。で試しました

$('.bottom-slider').slick({slidesToShow: 5}); 

しかし、うまくいきません。出来ますか？スライダーを破棄/再実行したり、「スタイルを変更した」カルーセルで2番目のボックスを作成したりしないことを好みます。

Answer 1

Web サイトslickSetOptionのの説明は少しわかりにくいので、ここにいくつかの例を残します。

UI を更新せずに単一のオプションを設定します。

$('.initialized-carousel').slick('slickSetOption', 'slidesToShow', 3);

UI の更新で複数のオプションを設定します。

$('.initialized-carousel').slick('slickSetOption', {
   slidesToShow: 3,
   slidesToScroll: 1
}, true);

Answer 2

Slick Slider はslickSetOption、まさにそれを行う方法を提供します。