非无限自动播放的Slick Slider(v1.8.0)问题

时间:2019-06-24 21:15:45

标签: slick.js

这真是令人头疼的问题。我在jQuery 2.1.3中使用Slick v1.8.0

我将infinite设置为false,并一次显示和前进3张幻灯片。如果滑块有10张或更少的幻灯片,则滑块向左滑动以显示下一张幻灯片,一次通过幻灯片,到达终点,然后停止。但是,如果我添加1张幻灯片,则当滑块碰到末端时(显示幻灯片11),滑块将在碰到末端时切换方向,并通过滑块向下滑动回到起点,并在起点停止。

$(".slider").slick({
  dots: true,
  infinite: false,
  slidesToShow: 3,
  slidesToScroll: 3,
  pauseOnHover: false,
});
$(".slider").slick('slickPlay');

包含10张幻灯片的示例:http://jsfiddle.net/adambundy/26nyw1ac/ 11张幻灯片:http://jsfiddle.net/adambundy/txpj96ub/

我一直想解决的实际问题是我的案子有11张幻灯片,所以我认为“跷跷板”是预期的功能。我一直在努力的是,当切换方向后回到起始位置时,它似乎“断裂”并卡在幻灯片1上。事件“ beforeChange”停止触发(尽管afterChange始终在延迟间隔上触发) ),并且滑块基本上已暂停。我希望它再次反转方向并继续前进。

虽然我想找出一个更简单的解决方法,但有效的方法是检测滑块何时回到开始位置(通过afterChange),然后销毁,然后重新初始化滑块并播放它。

0 个答案:

没有答案