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

Prevent swiperight event from hammerjs with carousel slide

我正在使用 Hammer.js (v2.0.8) 来显示左侧菜单,但我在同一页面中也有一个旋转木马(使用 owl 旋转木马 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>

如何做到这一点?

谢谢

我终于通过检查 class 找到了解决这个问题的方法:

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