在单击事件时停止双击事件

Question

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

如果您双击一个，事情就会出错，并且幻灯片会卡住不合适位置。我一直在试图找出如何简单地禁用双击事件为小时 - 我已经试过这种方法，这些元素：

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

，但没有运气。谁能帮忙？

（非常感谢）。

Answer 1

你应该只检查，看看它目前的动画，如果没有则继续前进，再次运行动画。这可以让你的动画完成，我认为更符合你想要的和使用.stop（）。

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

JSFIDDLE HERE

Answer 2

你可以忘掉DblClick事件，只是停止任何动画已经加入这一行

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

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

docs on stop() here