光滑的滑块选项更改

Question

我想知道是否有任何方法可以将新选项传递给已经创建的 Slick carousel？我有这个代码：

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

并且在某个时候（添加了 CSS 类来重新设置滑块的样式）我想传递slidesToShow: 5给轮播。我试过

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

但它不起作用。是否可以？我不想破坏/再次运行滑块或使用“重新设计的”轮播创建第二个框。

Answer 1

我发现网站slickSetOption上的描述有点混乱，所以在这里留下几个例子。

设置不刷新 UI 的单个选项：

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

使用 UI 刷新设置多个选项：

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