jQuery auf() -Methode keine Ereignisse wie Live-bind() hat

Question

beschrieben, wie auf http://api.jquery.com/live/:

Ab jQuery 1.7, die .live() Methode ist veraltet. Verwenden Sie .on(), um Ereignishandler anzuhängen.

Richtig. Also statt

$('.dynamicallyCreatedElement').live('click', function(){ 
    console.log('click'); 
}); 

soll ich verwenden:

$('.dynamicallyCreatedElement').on('click', function(){ 
    console.log('click'); 
}); 

aber es Ereignis Elemente nicht nach on() Berufung erstellt binden. Also ist es wirklich besser live() Methode?

Fehle ich etwas?

Answer 1

Um on in der gleichen Weise wie live verwenden verwendet, um Sie es verwenden müssen arbeiten:

$(document).on("click", ".dynamicallyCreatedElement", function() { 
    console.log('click'); 
}); 

Sie die on Handler an die document selbst So binden (oder das Containerelement tatsächlich, wo die neue wlements werden "erscheinen" - Danke an @ devnull69 für die Klärung, dann übergib es einen Ereignistyp und den Selektor.

Sie finden ein paar Beispiele auf halbem Weg durch die live Dokumentationsseite.

Answer 2

$('#closestStaticParent').on('click', '.dynamicallyCreatedElement' function(){ 
    console.log('click'); 
}); 

Answer 3

Verwendung als Delegierter()

$('body').on('click', '.dynamicallyCreatedElement', function() { 
}); 

EDIT: Nur damit jeder bekommt es, wenn Delegat() verwendet der Selektor ist das erste Argument und on() es ist die zweite.

Answer 4

Ich habe die Notwendigkeit gefunden, diesen Ansatz zu verwenden, um mit auf:

$('#container').on('click','.dynamicallyCreatedElement',function(){ 
    console.log('click'); 
});