Как временно отключить обработчик кликов в jQuery?

Question

Скажем, у меня есть что-то вроде следующего, чтобы перехватить событие нажатия кнопки:

$("#button_id").click(function() {
  //disable click event
  //do something
  //re-enable click event
}

Как временно отключить событие нажатия кнопки, пока не закончится обработка исходного нажатия? Обычно я делаю исчезновение элемента div после нажатия кнопки, но если пользователь нажимает кнопку несколько раз быстро, он обрабатывает все эти нажатия до того, как элемент div сможет исчезнуть. Я хочу «отменить» кнопку, чтобы только первый щелчок регистрировался до исчезновения div.

Answer 1

Этот пример работы.

---

HTML код:

  <div class="wrapper">
     <div class="mask">Something</div> 
  </div>

JQuery:

    var fade = function(){
        $(".mask").fadeToggle(500,function(){
            $(this).parent().on("click",function(){
                $(this).off("click");
                fade();
            });
        });
    };

    $(".wrapper").on("click",function(){
        $(this).off("click");
        fade();     
    });

Answer 2

$("#button_id").click(function() {
    $('#button_id').attr('disabled', 'true');
    $('#myDiv').hide(function() { $('#button_id').removeAttr('disabled'); });
}); 

Не используйте .attr() для отключения, используйте .prop(), лучше.