disabilita dopo la sua esecuzione

Question

ho 2 eventi

Primo:

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

Second:

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

Il primo evento che ho bisogno di disattivare dopo la sua esecuzione. Ma ho bisogno di lavorare un secondo evento.

Answer 1

È possibile aggiungere event namespace al primo evento e disabilitarlo poi da namespace dove vuoi:

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

Answer 2

Se si desidera "disable" un evento dopo la sua esecuzione Si potrebbe utilizzare jQuery .one()

Il .one() metodo è identico a .On(), salvo che il gestore è libero dopo la sua prima invocazione

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

Se si lookin g di un modo di disabilitare alcune callback evento dopo certe condizioni e non disattivare tutti loro È possibile aggiungere Event Namespace come @antyrat risposto

Answer 3

Provare a utilizzare $.Callbacks("once") per chiamare circle al massimo una volta se la condizione ($(this).scrollTop()+h) >= $(".services-procent-ul").offset().top rendimenti veri

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() 

    });