我正在使用这个流行的轮播(http://kenwheeler.github.io/slick/).
我在每张幻灯片中都放置了某些元素.在移动到下一张幻灯片之前,用户必须选择这些元素中的至少一个.但是我无法弄清楚如何防止用户通过在选择元素之前单击“下一个”箭头来手动移动到下一张幻灯片.
我知道可以禁用“下一个/上一个”箭头,但是我不想这样做,因为用户可能想返回上一张幻灯片以更改其选项.
我知道一种选择是禁用默认箭头,并引入我自己的上一个/下一个箭头,然后将幻灯片更改功能与条件检查绑定在一起.但是,如果此滑块中有一些内置选项(我无法弄清),那会很好,因为它可以减少我的工作量.
解决方法:
我制作了Slick的快速修改版本,可以在下一步进行状态检查,请参阅：http://jsfiddle.net/alan0xd7/dhxhv5gg/
基本上,只有在fnCanGoNext返回true时,滑块才会转到下一个.
我实际上只在小提琴的#700行周围添加了一行.它不能处理诸如在第一张幻灯片上单击“上一个”之类的事情,但是您可以从这里开始工作.
由于Slick是一个开源项目,因此不要害怕更改代码并对其进行调整以适合您的需求.看到事物在幕后的运作方式很有趣.
希望这可以帮助！