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

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

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

我知道可以禁用“下一个/上一个”箭头,但是我不想这样做,因为用户可能想返回上一张幻灯片以更改其选项.

我知道一种选择是禁用默认箭头,并引入我自己的上一个/下一个箭头,然后将幻灯片更改功能与条件检查绑定在一起.但是,如果此滑块中有一些内置选项(我无法弄清),那会很好,因为它可以减少我的工作量.

解决方法:

我制作了Slick的快速修改版本,可以在下一步进行状态检查,请参阅:http://jsfiddle.net/alan0xd7/dhxhv5gg/

基本上,只有在fnCanGoNext返回true时,滑块才会转到下一个.

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

由于Slick是一个开源项目,因此不要害怕更改代码并对其进行调整以适合您的需求.看到事物在幕后的运作方式很有趣.

希望这可以帮助!

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。