我使用TouchSwipe创建一个可滑动的图像列表。我将滑动事件绑定到图像,同时我还绑定了一个单击事件,该事件将打开图像的大版本。
我的问题是,如果我滑动,它也会触发点击事件。我尝试点击而不是滑动,但我无法让它工作。在此之后,我尝试event.preventDefault()
了event.stopPropagation()
很多地方都建议这样做,但没有效果。我的最终解决方案尝试是取消绑定点击事件并在事件发生后重新绑定它,但如果我在事件函数的最后绑定事件,它会再次触发点击。
$(".js-header-swipe-image").swipe({
swipe:function(event, direction, distance, duration, fingerCount){
$("#details").unbind('click');//Temporary unbind, otherwise the swipe's click would trigger the gallery opening.
//Handling swipe direction.
$('#details').on('click', '.js-header-swipe-image', function (){//Rebind the temporary unbinded event.
console.log('click');
$('#modal-gallery').modal('show');
});
}
});
有没有办法在事件完成后中止事件本身或调用函数,以便我可以在滑动完成后重新绑定点击,这样它就不会触发重新绑定的点击?我也愿意接受任何其他解决该问题的方法。