javascript - 如何停止点击事件在多次点击中排队？

我需要实现的是，如果我们单击“提交”按钮，则应该显示特定的div。
这是我的代码：
http://jsfiddle.net/7tn5d/
但是，如果我多次单击“提交”按钮，则该函数将调用队列并依次运行。
当前动画运行时，是否可以使其他onclicks无效？
码：

 animating = 0;
    doneanim = 0;
    $(function () {
        $("#submit_tab").click(function (e) {
            if (animating == 1) return;
            animating = 1;
            $("#submit_cont").show("blind", {}, 1000);
            animating = 0;
        });
    });

最佳答案

您几乎可以使用信号量了！只是在jQuery的show()中，您必须将信号量重置作为参数。这是固定版本-http://jsfiddle.net/snikrs/xe5A3/

animating = 0;
doneanim = 0;
$(function () {
    $("#submit_tab").click(function (e) {
        if (animating == 1) return;
        animating = 1;
        $("#submit_cont").show("blind", 1000, function() {
            animating = 0;
        });
    });
});