javascript - 停止 .click() 监听器直到 fadeIn() 在 jQuery 中完成

Question

$('#div1_button').click(function() {

    $('#div0').fadeOut(function(){          
        $('#div1').fadeIn();    
    });

});

当用户单击 div1_button 时，先前选择的 div0 淡出并且 div1 淡入。如果用户疯狂点击并在 div1 完成淡入之前单击 div2，则 div2 开始淡入并最终 div1 淡出，但它们堆叠在一起彼此顶部，直到 div1 完成淡入然后淡出。我怎样才能停止 .click() 事件，直到单击的 div 完成淡入。

Answer 1

有点像

var div1_bclick_inprogress = false;
$('#div1_button').click(function() {
    if (!div1_bclick_inprogress) {
        div1_bclick_inprogress = true;
        $('#div0').fadeOut(function(){          
            $('#div1').fadeIn(function(){
                 div1_bclick_inprogress = false;
            });    
        });
    }

});

但您可能需要对细节进行一些试验