光滑的滑块选项更改答案

【问题标题】：Slick slider options change光滑的滑块选项更改
【发布时间】：2015-11-10 04:25:42
【问题描述】：

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

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

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

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

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

【问题讨论】：

标签： jquery slider options slick.js recreate

【解决方案1】：

我发现website 上对slickSetOption 的描述有点混乱，所以在这里举几个例子。

在不刷新 UI 的情况下设置单个选项：

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

通过 UI 刷新设置多个选项：

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

【讨论】：

【解决方案2】：

Slick 滑块提供了slickSetOption 方法来做到这一点。

【讨论】：

【解决方案3】：

可能这肯定会对您有所帮助。你必须在 jQuery 的帮助下使用slickSetOption 方法来完成。将此查询粘贴到您的自定义 JS 文件中。

jQuery(window).load(function () {
  jQuery('.bottom-slider').slick('slickSetOption', 'slidesToShow', 5);
});

【讨论】：