jQuery Mobile 滑动事件也产生点击：如何忽略产生的点击事件？

Question

我们需要绑定到 DIV 的 swipe 和 tap 事件。然而，jQuery Mobile (1.3) 中的swipe 事件也会产生tap 事件。我们需要阻止滑动传播到点击处理程序，但preventDefault 不起作用。换句话说，我们希望滑动只触发滑动处理程序而不触发点击处理程序。

这样做的正确方法是什么？

Answer 1

swipe 总是在tap 之前发生，所以试试这个：

var swipped;    
$(element).on('swipe tap',function(evt){
    if(evt.type=='swipe') {
        swipped = true;
        if(evt.swipestart.coords[0]>evt.swipestop.coords[0]){
            console.log('swipe left to right')
        } else {
            console.log('swipe right to left')
        }
    } else {
        if(swipped){ // ignore this tap
            swipped=false;
        } else {
            console.log('tap');
        }
    }
});

Answer 2

你可以在你想监听swipe事件的元素上使用unbind函数。

$(ele).unbind("tap taphold");