JQuery - Отключение обработчика событий, а затем обратно на

Question

Имея немного проблем, выясняя, как снова включить обработчик событий.

Я пытаюсь остановить выполнение функции несколько раз до завершения анимации.

Вот Fiddle:

http://jsfiddle.net/MkmnW/1/

Вот мой код:

$("#buttons a").click(function() { 

    $('a').off(); 

    // Remove class from current active 
    $("#buttons a").removeClass('active'); 

    // Change class on clicked button 
    $(this).addClass("active"); 

    // Hide Non-Clicked Content 
    $(".main_content").fadeOut("fast"); 


    $("#content_container").slideUp("slow"); 

    // Find Selected 
    var selected = $(this).attr("href"); 

    // Show Selected 

    $("#content_container").slideDown("slow", function() { 
     $(selected).fadeIn("slow"); 
    }); 

    return false; 
}); 

Answer 1

Если я понимаю ваш пример правильно, вы хотите, чтобы предотвратить анимацию запуск несколько раз, удаляя событие ,

Если вы удалили событие, вы не сможете его снова щелкнуть, если вы не присоедините свое мероприятие еще раз.

Вот пример, основанный на коде: http://jsfiddle.net/MkmnW/4/

$(document).ready(function() { 


$("#buttons a").click(function() { 
    $('a').off("click"); 
    clickMenu(this); 

    return false; 
}); 

function clickMenu(el){ 
    // Remove class from current active 
    $("#buttons a").removeClass('active'); 

    // Change class on clicked button 
    $(el).addClass("active"); 

    // Hide Non-Clicked Content 
    $(".main_content").fadeOut("fast"); 


    $("#content_container").slideUp("slow"); 

    // Find Selected 
    var selected = $(this).attr("href"); 

    // Show Selected 

    $("#content_container").slideDown("slow", function() { 
     $(selected).fadeIn("slow"); 

     $("#buttons a").click(function() { 
      $('a').off("click"); 
      clickMenu(this); 

      return false; 
     });    
    });  
} 
}); 

Answer 2

Вы можете $(element).unbind('click'); для разряжения событий щелчка. То же самое со всеми другими типами событий.

Затем вы можете связать их снова с $(element).bind('click', function(evt) { ... });

В случае анимации, вы можете $(element).click(function(evt) { $(this).stop().fadeOut("fast").whatever... });