Slick Slider 如何更改选项？答案

【问题标题】：Slick Slider how to change options?Slick Slider 如何更改选项？
【发布时间】：2017-01-11 13:30:43
【问题描述】：

我在使用 Slick Slider 时遇到了问题。我想更改每张幻灯片上的“slidesToShow”选项。每个滑块页面代表一个组，并且只有正确的元素应该显示在该页面上。每张幻灯片都有一个数据组属性，我用它来计算元素并将其传递给“slickSetOption”。

$('.slider').on('beforeChange', function (event, slick, currentSlide, nextSlide) { 
   checkSlideToShow(nextSlide);
});

为什么第二页的slider，还是4个元素而不是3个？

如果您滚动到最后一个滑块页面，您可以看到它如何改变 div 的宽度并突然变成 3 个幻灯片。是否有可能摆脱这种过渡效果？

【问题讨论】：

【解决方案1】：

您的代码不起作用，因为 slick 会在您的 .slider 元素中注入 2 个 div 以实现其功能。

您可以通过登录控制台查看

console.log($('.slider div')) // count will be 11 and it will break your logic.

你只需要找到带有data属性的div。

$('.slider div *[data-group]') // count will be 9

【讨论】：