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