通过单击事件停止元素上的双击事件

Question

我在这里有一个JSFiddle，它解决了我的问题： http ： //jsfiddle.net/Paddy/86YSN/7/ 。 这是一个非常简单的选框 - 当点击时，小白框只需移动到下一张/上一张幻灯片。

如果您双击鼠标，则会出问题，并且幻灯片会卡在位置上。 我一直试图找出如何简单地禁用这些元素的双击事件几个小时 - 我尝试过这种方法：

$('#arrow_left').bind('dblclick',function(e){
    e.preventDefault();
});

但没有运气。 有人可以帮忙吗？

（非常感谢）。

Answer 1

您可以忘记dblclick事件，只需通过添加此行停止已经运行的任何动画

$('.marquee_photos').stop(true,true);

处理下一个动画时调用的函数。 工作示例-> http://jsfiddle.net/86YSN/11/

Answer 2

您应该检查它当前是否已设置动画，如果不是，则继续并再次运行动画。 这允许你的动画完成， 我认为更符合你想要的与使用.stop（）。

if(!$('.marquee_photos').is(":animated")){
   //your code here
}