Jquery 在旋转木马上捕获特定事件

Jquery 在旋转木马上捕获特定事件,jquery,carousel,slick.js,Jquery,Carousel,Slick.js,我正在尝试制作旋转木马,捕捉一些特定用户在自定义事件的幻灯片移动中的动作 幻灯片还原 在触摸动作中 我尝试使用,但slick的自定义事件并不像我预期的那样触发。 这是我试过的代码 .滑块{ 宽度:自动; 保证金:30px 50px 50px;} .滑滑梯{ 背景:#3a8999; 颜色:白色; 填充:40px0; 字体大小:30px; 字体系列:“Arial”、“Helvetica”; 文本对齐:居中;} .slick上一个:之前,.slick下一个:之前{ 颜色:黑色;} .圆点{ 底

我正在尝试制作旋转木马,捕捉一些特定用户在自定义事件的幻灯片移动中的动作

  • 幻灯片还原
  • 在触摸动作中
我尝试使用,但slick的自定义事件并不像我预期的那样触发。 这是我试过的代码


.滑块{
宽度:自动;
保证金:30px 50px 50px;}
.滑滑梯{
背景:#3a8999;
颜色:白色;
填充:40px0;
字体大小:30px;
字体系列:“Arial”、“Helvetica”;
文本对齐:居中;}
.slick上一个:之前,.slick下一个:之前{
颜色:黑色;}
.圆点{
底部:-30px;}
.光滑滑梯:第n个孩子(单数){
背景:#e84a69;}
幻灯片1
幻灯片2
幻灯片3
幻灯片4
幻灯片5
幻灯片6
$(“.slider”).slick({
自动播放:错误,
圆点:对
}).on(“afterChange beforeChange edge init reInit setPosition swipe断点之前的afterChange”,处理程序);
函数处理程序(事件、平滑、方向){
var$log=$(“#log”);
event.type==“beforeChange”&&$log.html(“”);
$log.html(event.type++“
”++$log.html()); }
备选方案之一是基于jQuery的flicking组件。 您可以在以下网址查看基本演示:

以下是示例工作演示代码:

.slider{高度:130px;背景色:灰色}
.eg flick面板{字体大小:2em;文本对齐:居中}
幻灯片1

幻灯片2

幻灯片3

幻灯片4

幻灯片5

幻灯片6

新的,如轻弹(“.滑块”{ 持续时间:300, 通告:是的 }).在({ beforefickstart:handler, 弗利克:汉德勒, flickEnd:handler, 在还原之前:处理程序, 还原:处理程序 }); 函数处理程序(事件){ var$log=$(“#log”),direction={“2”:“←”,“4”:“→”}; /^在/.test(event.eventType)和&$log.html(“”)之前; $log.html(event.eventType+“:“+direction[event.direction]+”
“+$log.html()); }