使用单击事件停止元素上的双击事件

Question

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

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

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

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

（非常感谢）。

Answer 1

您可以忘记dblclick事件，只需通过添加此行

停止已经运行的任何动画

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

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

docs on stop() here

Answer 2

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

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

JSFIDDLE HERE