我使用 Hammer.js (v2.0.8) 显示左侧菜单,但同一页面中还有一个轮播(带有 owl carousel v2.3.4)。当我滑动轮播时,菜单也会打开。我尝试了 Hammer.off()
但他不起作用。
这是 Hammer 事件(在全局 js 中,因此适用于所有页面):
var hammertime = new Hammer(document.body);
hammertime.on('swiperight', function(ev) {
//my function here
});
我想在触摸此元素时禁用该事件:
<div class="owl-carousel owl-theme " id="events"><DYNAMIC_SLIDE_HERE></div>
如何做到这一点?
谢谢
最佳答案
我终于找到了通过检查类来解决这个问题的方法:
var hammertime = new Hammer(document.body);
hammertime.on('swiperight', function(e) {
if(!e.target.classList.contains("item-carousel")){
//do my function
}
});
关于javascript - 使用轮播幻灯片防止 Hammerjs 的向右滑动事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50380857/