防止带有旋转木马滑块的锤子的swiperight事件-Java 学习之路

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

这该怎么做？

谢谢

1 回答

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

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

回复于 2024-04-25T00:48:19+08:00

防止带有旋转木马滑块的锤子的swiperight事件

1 回答

相关问题