暂时禁用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"); 
}); 

这不依靠国家，这是一个更简单的:)