使用jQuery,如何禁用当前选项卡上的单击效果？

Question

我有一个动画菜单,但我想在动画发生时禁用点击.

<div></div>
<div></div>
<div></div>

$("div").click(function() { 
  $(this).animate({height: "200px"}, 2000); 
  return false;
});

但是,我想在事件发生时禁用所有按钮,并禁用单击的div.

我正在考虑将一个类添加到被点击的div中,并将点击仅放在没有该类的div上:

$("div").not("clicked").click(function() { 
  $(this).animate({height: "200px"}, 2000).addClass("clicked"); 
  return false;
});

但这似乎不起作用(我认为它在逻辑上)？

任何帮助赞赏.

干杯,
史蒂夫

Answer 1

$("div").click(function() {
    if (!$(this).parent().children().is(':animated')) {
        $(this).animate({height: "200px"}, 2000); 
    }
    return false;
});