拖动手势干扰了 jQuery UI 中的滑块和光滑的轮播插件 http://kenwheeler.github.io/slick/(也是 jQuery)。看我的例子here http://jsfiddle.net/65wtmyrb/1/.
HTML
<div class="stack">
<div class="boxes">
<h1>1</h1>
<div class="slider"></div>
</div>
<div class="boxes">
<h1>2</h1>
</div>
...
</div>
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
});
我该如何解决这个问题?
自从你的<div class="slider">
是一个孩子<div class="stack">
你可以尝试stopPropagation()
对于事件在slider
传播到slick
轮播激发它滑动。但这似乎很棘手,因为没有方法可以停止和启动slick
这是实现您目标的简单方法。所以你可以使用:
$(".slider").on("slide mouseenter mousedown",function(event){
event.stopPropagation();
});
You can see the result in this working JSFIDDLE http://jsfiddle.net/65wtmyrb/7/
希望这可以帮助,
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)