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