jQuery禁用启用点击事件与淡入淡出

Question

如何禁用淡入淡出前的点击事件，并在淡出后启用它？

我的js代码：

$('a').click(function(){ 
    // disable click 
    $('div').fadeOut(400, 
     function(){ 
      $(this) 
       .css('background','yellow') 
      .fadeIn(1800, function(){} 
      // enable click 
      );}); 
}); 

我本可以使用的stop（），但我需要禁用/启用 PLZ修改我http://jsfiddle.net/WBWrM/1/ THX

Answer 1

向该元素添加一个类，并且当该类存在时不要运行该事件。

$('a').click(function() { 
    var $this = $(this); 
    if ($this.hasClass('noClick')) return; 
    // disable click 
    $this.addClass('noClick'); 
    $('div').fadeOut(400, function() { 
     $(this).css('background', 'yellow').fadeIn(1800, function() { 
      // enable click 
      $this.removeClass('noClick'); 
     }); 
    }); 
}); 

Answer 2

加为你的点击回调的第一行：

if ($('div').is(':animated')) return;