如何预防'触摸'用户移动手指滑动元素时触发的事件

解决方案：https://github.com/alexgibson/tap.js

我在移动Safari中iPad上的"触摸端"answers"触摸移动"事件之间存在冲突。我有像画廊一样并排放置的图像，它们有一个"触摸端"事件，在触摸端时可以翻转。然而，您也可以从一个图像滑动到另一个图像（就像在iPhone上将主屏幕滑动到下一个屏幕一样）。

现在，当我想滑动到下一个图像时，我不知道如何防止"触摸端"事件触发。很明显，我不希望图像在滑动时翻转，只希望在轻按时翻转。

到目前为止我的解决方案：

var img = $('.show-video');
var sliding = false;
img.bind('touchend', function(e) {
    if (sliding === false){
        Animate($(this), 'flip');
    }
});
img.bind('touchmove', function(){
    sliding = true;
    $(this).bind('touchend', function(){
        window.setTimeout(function(){
            sliding = false;
        }, 200)
    })
});

````

我认为这可以做得更好。