Application de la fonction jQuery à l'élément ajouté dynamiquement

Question

Lors de l'ajout d'une nouvelle zone de texte via la fonction jQuery append(), il semble que jQuery ne puisse pas appliquer de fonction à cette zone de texte;

  $("#ulList").append("<li><span class=\"ui-icon ui-icon-circle-close remove\"/><em class=\"selectedWord\">" + selectedWord + "</em><input class=\"acf acfb-input ac_input\" type=\"text\" id=\"" + name + "\" name=\"" + name + "\" value = '' /></li>"); 

      $("#" + name).autoCompletefb(); 

La fonction que je tente d'appliquer à l'entrée nouvellement ajoutée est la méthode autoCompletefb(), mais il semble jQuery est incapable de trouver l'objet nouvellement ajouté.

Des idées?

Answer 1

Vous donnez à l'entrée un ID du contenu de la variable name et sélectionnez un élément avec un ID du contenu de la variable formattedName. Quelle est la différence entre les deux? Le code fonctionnerait s'ils sont identiques.

En outre, vous avez une erreur JS à la fin de l'append() appellent:

value = \"\" />";+ "</li>"); 

veulent probablement qu'il soit:

value='' /></li>"); 

Answer 2

Vous avez un virgule de rechange dans le mauvais placez

$("#ulList").append("<li><span class=\"ui-icon ui-icon-circle-close remove\"/><em class=\"selectedWord\">" + selectedWord + "</em><input class=\"acf acfb-input ac_input\" type=\"text\" id=\"" + name + "\" name=\"" + name + "\" value = \"\" />" + "</li>"); 

Answer 3

Assurez-vous que votre élément d'entrée ajouté dynamiquement est entièrement chargé avant d'essayer d'y accéder sur la page. aussi, avez-vous un mélange variable? Vous utilisez "nom" comme une variable dans la première ligne en tant que "formatedName" comme la variable dans la deuxième ligne.