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

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

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

Answer 2

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

$('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');
        });
    });
});