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

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/

docs on stop() here