jQuery UI Slider干扰与光滑的轮播

拖动手势干扰了来自jQuery UI和光滑轮播插件 （也是jQuery）的滑块。 看看我的例子。

HTML

 
 
1
 
 
 
 
2
 
 ...  

JS

 $('.stack').slick({ centerMode: true, centerPadding: '80px', arrows: false, variableWidth: true, dots: true, swipeToSlide: true, focusOnSelect: true }); $('.slider').slider({ max: 100, min: 0, value: 93 }); 

我该如何解决这个问题？

Answer 1

由于你的

是

stopPropagation()你可以尝试对slider中的事件进行stopPropagation() ，这些事件会传播到slick轮播，从而导致它被滑动。 这似乎很棘手但是因为没有方法可以停止并启动slick这是实现目标的简单方法。 所以你可以使用：

 $(".slider").on("slide mouseenter mousedown",function(event){ event.stopPropagation(); }); 

您可以在这个有效的JSFIDDLE中看到结果

希望这可以帮助，