暫時禁用jQuery切換

Question

我有一個菜單，當用戶選擇一個鏈接時，切換爲。菜單有不同顯示和隱藏動畫附加，並且我想要阻止在動畫運行時切換。下面的代碼片段工作，但如果鏈接被點擊兩次快速翻轉的切換狀態（即如果用戶點擊該鏈接很快兩次，下一次點擊就會觸發同樣的操作）：

<a href="" id="button">Menu</a> 
<div id="menu">...</a> 

<script> 
$("#button").toggle(
    function (e) { 
     if $("#menu").is(":animated")) return false; 
     $("#menu").show("drop", {}, "slow"); 
    }, 
    function (e) { 
     if ("#menu").is(":animated")) return false; 
     $("#menu").hide("bounce", {}, "slow"); 
    } 
); 
</script> 

哪有我阻止切換狀態切換？

謝謝。

Answer 1

使用.click()，並檢查元素內的click處理程序的狀態，使用:not()，:animated和:visible選擇，像這樣：

$("#button").click(function() { 
    var menu = $("#menu:not(:animated)"); 
    if(menu.is(":visible")) menu.hide("bounce", {}, "slow"); 
    else menu.show("drop", {}, "slow"); 
}); 

這不依靠國家，這是一個更簡單的:)