Jquery ändern .Live zu .on,

Question

Ich versuche, alle meine .live() zu .on() zu ändern, da der Prior jetzt veraltet ist.

Ich bin schwer zu verstehen, wie es funktioniert. Bevor ich diesen Code verwendet, und es funktionierte gut ...

$('#lightBoxClose').live('click', function() { 
    $('#lightBox').fadeOut(); 
}); 

Also versuchte ich es, Ändern

$('#lightBoxClose').on('click', function() { 
    $('#lightBox').fadeOut(); 
}); 

Aber es funktioniert nicht, kann jemand bitte erklären, was soll ich zu tun Vielen Dank.

Answer 1

Sie müssen ein Element binden, die bereits zum Zeitpunkt der Bindung vorhanden ist, die Zielwähler als zweites Argument übergeben. Dieses Element muss ein Vorfahre des späteren Klickziels sein, damit es das bubbled-Ereignis abfangen kann. Diese Technik wird Delegierung genannt.

Zum Beispiel mit dem document Elemente:

$(document).on('click', '#lightBoxClose', function() { 
    $('#lightBox').fadeOut(); 
}); 

Answer 2

Bitte benutzen Sie die Suche vor dem Posten, da sie rund um SO veröffentlicht wird.

See: JQuery switching application from "live" to "on" method

$(document).on('click', '#lightBoxClose', function() { 
    $('#lightBox').fadeOut(); 
});