在 Slick Slider 中更改幻灯片之前检查条件

Question

我正在使用这个流行的轮播 (http://kenwheeler.github.io/slick/)。

我在每张幻灯片中放置了某些元素。在移动到下一张幻灯片之前，用户必须至少选择其中一个元素。但我无法弄清楚如何通过在选择元素之前单击“下一个”箭头来防止用户手动移动到下一张幻灯片。

我知道可以禁用“下一张/上一张”箭头，但我不想这样做，因为用户可能想返回上一张幻灯片来更改他的选项。

我知道一种选择是禁用默认箭头并引入我自己的上一个/下一个箭头，然后将幻灯片更改功能与条件检查绑定到它。但是，如果此滑块中有一些内置选项（我无法弄清楚），那就太好了，因为它可以最大限度地减少我的工作量。

Answer 1

我制作了一个快速修改版本的 Slick，它允许在下一步进行条件检查，请参阅：http://jsfiddle.net/alan0xd7/dhxhv5gg/

基本上，如果fnCanGoNext 返回true，滑块只会转到下一个。

我实际上只在小提琴的第 700 行周围添加了一行。它不能处理在第一张幻灯片上单击“上一张”之类的事情，但您可能可以从这里开始工作。

由于 Slick 是一个开源项目，请不要害怕更改代码并对其进行调整以适应您的需求。看看幕后是如何运作的很有趣。

希望这会有所帮助！