jQuery - Scroll Funkcja Utrzymuje Wyzwalanie: Tylko raz proszę

Question

Mam następujący funkcja jQuery, która wyzwala aTestEvent() gdy użytkownik przewija poziomo obok 500 pikseli:

jQuery(document).scroll(function(){ 
    if(jQuery(this).scrollLeft() >= 500){ 
      aTestEvent(); 
}}); 

Oto problem: chcę tylko aTestEvent() być wyzwalany raz ! Jednak za każdym razem, gdy użytkownik przewinie z powrotem na początek strony, a następnie ponownie za 500 pikseli, zostanie ponownie uruchomiony aTestEvent().

W jaki sposób możemy zmienić powyższy kod, aby wyzwalacz pojawił się tylko po raz pierwszy użytkownik przewija przez 500 pikseli?

Answer 1

Można użyć on i off metody:

$(document).on('scroll', function() { 
    if($(this).scrollLeft() >= 500) { 
     $(document).off('scroll'); 
     aTestEvent(); 
    } 
}); 

http://jsfiddle.net/3kacd/

Uwaga: Ten fragment kodu może dostępnych „off” wszystkie zdarzenia przewijania na danej stronie, ale przewijać się tylko przeznaczony zwój obsługa bez przeszkadzania innym programom obsługi przewijania, możemy użyć przestrzeni nazw. Przestrzenie nazw są podobne do klas CSS, ponieważ nie są hierarchiczne; tylko jedna nazwa musi pasować.

$(document).on('name1.scroll', function() { 
    if($(this).scrollLeft() >= 500) { 
     $(document).off('name1.scroll'); 
     aTestEvent(); 
    } 
}); 

http://jsfiddle.net/shekhardtu/3kacd/57/