我正在使用这个流行的轮播 ( http://kenwheeler.github.io/slick/ )。
我在每张幻灯片中放置了某些元素。在移动到下一张幻灯片之前，用户必须至少选择这些元素中的一个。但是我无法弄清楚如何通过在选择元素之前单击“下一步”箭头来防止用户手动移动到下一张幻灯片。
我知道可以禁用“下一张/上一张”箭头，但我不想这样做，因为用户可能想返回到上一张幻灯片以更改他的选项。
我知道一个选项是禁用默认箭头并引入我自己的上一个/下一个箭头，然后将幻灯片更改功能与条件检查一起绑定(bind)到它。但是，如果此 slider 中有一些内置选项(我无法弄清楚)，那就太好了，因为它可以最大程度地减少我的工作量。
最佳答案
我制作了一个 Slick 的快速修改版本，允许在下一步进行时进行条件检查，请参阅:http://jsfiddle.net/alan0xd7/dhxhv5gg/
基本上，只有当 fnCanGoNext 返回 true 时， slider 才会转到下一个。
我实际上只在 fiddle 的 #700 行附近添加了一行。它不会处理诸如在第一张幻灯片上单击“上一张”之类的事情，但您可以从这里开始工作。
由于 Slick 是一个开源元素，所以不要害怕更改代码并根据您的需要进行调整。看到事情在幕后是如何运作的很有趣。
希望这对您有所帮助!
关于javascript - 在 Slick Slider 中更改幻灯片之前检查条件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29986838/