vô hiệu hóa sau khi thực hiện nó

Question

tôi có 2 sự kiện

Đầu tiên:

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

Thứ hai:

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

Sự kiện đầu tiên tôi cần phải vô hiệu hóa sau khi thực hiện nó. Nhưng tôi cần phải làm việc một sự kiện thứ hai.

Answer 1

Bạn có thể thêm event namespace đến sự kiện đầu tiên và vô hiệu hóa nó sau đó bởi namespace bất cứ nơi nào bạn muốn:

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

Answer 2

Nếu bạn muốn "vô hiệu hóa" một sự kiện sau khi thực hiện nó Bạn có thể sử dụng Jquery .one()

Các .one() phương thức giống hệt với .on(), ngoại trừ việc trình xử lý không bị ràng buộc sau lần gọi đầu tiên

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

Nếu bạn đang tìm kiếm g kiếm một cách để vô hiệu hóa gọi lại sự kiện nhất định sau khi điều kiện nhất định và không vô hiệu hóa tất cả trong số họ Bạn có thể thêm Event Namespace như @antyrat trả lời

Answer 3

Hãy thử sử dụng $.Callbacks("once") gọi circle cùng một lúc nhất nếu tình trạng ($(this).scrollTop()+h) >= $(".services-procent-ul").offset().top trả về 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() 

    });