在單擊事件時停止雙擊事件

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