我正在使用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发生swiperight事件,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/50380857/

10-12 00:40