jQuery .on('change', function() {} ne se déclenche pas pour les entrées créées dynamiquement

Question

Le problème est que j'ai des ensembles de balises d'entrée créés dynamiquement et j'ai également une fonction qui est censée se déclencher chaque fois qu'une valeur d'entrée est modifiée.

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

Cependant, le .on('change') ne se déclenche pas pour les entrées créées dynamiquement, mais seulement pour les éléments qui étaient présents lorsque la page a été chargée. Malheureusement, cela me met dans une situation difficile, car .on est censé remplacer .live() et .delegate(), qui sont tous des wrappers pour .bind() :/.

Quelqu'un d'autre a-t-il rencontré ce problème ou connaît-il une solution ?

Answer 1

Vous devez fournir un sélecteur à on fonction :

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

Dans ce cas, cela fonctionnera comme prévu. Et il est préférable de spécifier un élément au lieu du document.

Lisez cet article pour mieux comprendre : http://www.elijahmanor.com/2012/02/differences-between-jquery-bind-vs-live.html