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