wyłącza po jego wykonaniu

Question

Mam 2 zdarzenia

pierwsze:

$(window).on("scroll", function() { 
    if (($(this).scrollTop()+h) >= $(".services-procent-ul").offset().top){ 
     circle(); 
     $(window).off("scroll"); 
    } 
}); 

drugie:

$(window).on("scroll", function() { 
if($(window).scrollTop() > 0){ 
    $('.nav2').fadeIn('slow'); 
    $('.nav1').fadeOut('fast'); 
}else{ 
    $('.nav2').fadeOut('fast'); 
    $('.nav1').fadeIn('slow'); 
} 
}); 

Pierwszym wydarzeniem muszę wyłączyć po jego wykonaniu. Ale muszę popracować nad drugim wydarzeniem.

Answer 1

Możesz dodać event namespace do pierwszego zdarzenia i wyłączyć go następnie przez nazw gdziekolwiek chcesz:

$(window).on("scroll.once", function() { 
    ... 
    $(window).off("scroll.once"); 

Answer 2

Jeśli chcesz „wyłączyć” zdarzenie po jego wykonaniu można użyć jQuery .one()

.one() metoda jest identyczna .Na(), oprócz tego, że jest niezwiązana obsługi po pierwszym wywołaniu

$(window).one("scroll", function() { 
    //doSomething 
}); 

Jeśli spojrzysz g sposobu na wyłączenie pewnej zwrotnego zdarzenia po pewnym stanie i nie wyłączyć wszystkie z nich można dodać Event Namespace jak @antyrat odpowiedział

Answer 3

Spróbuj użyć $.Callbacks("once") zadzwonić circle co najwyżej jeden raz, jeżeli stan ($(this).scrollTop()+h) >= $(".services-procent-ul").offset().top Zwraca true

var callbacks = $.Callbacks("once"); 

    callbacks.add(circle); 

    var scroller = function() { 
      if ($(window).scrollTop() > 0) { 
      $('.nav2').fadeIn('slow'); 
      $('.nav1').fadeOut('fast'); 
      } else { 
      $('.nav2').fadeOut('fast'); 
      $('.nav1').fadeIn('slow'); 
      } 
     } 

    $(window).on("scroll", function() { 
     if (($(this).scrollTop()+h) >= $(".services-procent-ul").offset().top) { 
      callbacks.fire() 
     } 
     scroller() 

    });