Slick Slider 如何更改选项？
Slick Slider how to change options?
我遇到了 Slick Slider 的问题。
我想更改每张幻灯片上的“slidesToShow”选项。
每个滑块页面代表一个组，只有正确的元素应该显示在该页面上。
每张幻灯片都有一个数据组属性，我用它来计算元素并将其传递给 'slickSetOption'。
https://jsfiddle.net/xnnm645x/3/
$('.slider').on('beforeChange', function (event, slick, currentSlide, nextSlide) {
checkSlideToShow(nextSlide);
});
为什么滑块的第二页，还是4个元素而不是3个？
如果滚动到最后一个滑块页面，您会看到它如何改变 div 的宽度并突然变成 3 张幻灯片。是否有可能摆脱这种过渡效果？
您的代码无法正常工作，因为 slick 会在您的 .slider 元素中注入 2 div 以实现其功能。
可以登录控制台查看
console.log($('.slider div')) // count will be 11 and it will break your logic.
您只需要找到带有数据属性的 div。
$('.slider div *[data-group]') // count will be 9
我遇到了 Slick Slider 的问题。 我想更改每张幻灯片上的“slidesToShow”选项。 每个滑块页面代表一个组，只有正确的元素应该显示在该页面上。 每张幻灯片都有一个数据组属性，我用它来计算元素并将其传递给 'slickSetOption'。
https://jsfiddle.net/xnnm645x/3/
$('.slider').on('beforeChange', function (event, slick, currentSlide, nextSlide) {
checkSlideToShow(nextSlide);
});
为什么滑块的第二页，还是4个元素而不是3个？
如果滚动到最后一个滑块页面，您会看到它如何改变 div 的宽度并突然变成 3 张幻灯片。是否有可能摆脱这种过渡效果？
您的代码无法正常工作，因为 slick 会在您的 .slider 元素中注入 2 div 以实现其功能。
可以登录控制台查看
console.log($('.slider div')) // count will be 11 and it will break your logic.
您只需要找到带有数据属性的 div。
$('.slider div *[data-group]') // count will be 9