jQuery.on ('change', function() {} triggert nicht für dynamisch erzeugte Eingaben

Question

Das Problem ist, dass ich einige dynamisch erzeugte Sets von Input-Tags habe und ich auch eine Funktion habe, die jedes Mal eine Eingabe auslösen soll Wert geändert wird.

$('input').on('change', function() { 
    // Does some stuff and logs the event to the console 
}); 

jedoch die .on('change') nicht für dynamisch erzeugte Eingänge Ansteuerung, nur für Artikel, die vorhanden waren, als die Seite geladen wurde. Leider ist dieses lässt mich ein wenig in einer bindung als .on zu verstehen ist der Ersatz für .live() und .delegate() sein, von denen alle Wrapper für .bind() sind:/

Hat jemand anderes dieses Problem oder eine Lösung?

Answer 1

Sie sollten einen Wahlschalter auf die on Funktion bieten:

$(document).on('change', 'input', function() { 
    // Does some stuff and logs the event to the console 
}); 

In diesem Fall wird es funktionieren wie erwartet. Außerdem ist es besser, ein Element anstelle eines Dokuments anzugeben.

diesen Artikel für ein besseres Verständnis lesen: http://elijahmanor.com/differences-between-jquery-bind-vs-live-vs-delegate-vs-on/

Answer 2

$("#id").change(function(){ 
    //does some stuff; 
}); 

Answer 3

verwenden

$('body').on('change', '#id', function() { 
    // Action goes here. 
});