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

我这里有一个JSFIDLE，它列出了我的问题：。 这是一个非常简单的字幕-点击时，白色小框只需移动到下一张/上一张幻灯片

如果你双击一个，事情就会出错，一个幻灯片就会被卡住。几个小时以来，我一直试图找出如何简单地禁用这些元素的双击事件-我尝试了以下方法：

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

但是没有运气。有人能帮忙吗

---

（非常感谢）。

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

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

进入处理下一个动画时调用的函数。工作示例->

---

您只需检查其当前是否已设置动画，如果未设置动画，请继续并再次运行动画。这允许您完成动画，我认为与使用.stop（）相比，它更符合您的要求

---

谢谢，这非常有效！我知道有一个简单的解决办法。@AJP我很高兴它对你有用！你知道你可以把每个问题的一个答案标记为？

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