使用轮播幻灯片防止来自hammerjs的滑动事件

Question

我正在使用 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>

如何做到这一点？

谢谢

Answer 1

我终于找到了通过检查类来解决这个问题的方法：

var hammertime = new Hammer(document.body);
hammertime.on('swiperight', function(e) {
    if(!e.target.classList.contains("item-carousel")){
        //do my function        
    }
});