Discussion :

[goggi]

Bonjour,
Je travaille avec jQuery, et j'ai le gestionnaire d'événements suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
$("input").change(function() {
    alert(`L'input a changé ${$(this).val()}`);
});

qui réagit bien pour tous les champs <input...> créés en HTML.
Si mes champs sont en revanche créés en JS (ajoutés dans le DOM par append), comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
$("tbody.users").append(
    `<tr>
         <td>${row.id}</td>
         <td><input type='text' value='${row.username}'></input></td>
         <td>${row.email}</td>
         ...

l'événement n'est pas appelé.
Pourquoi ?
Cordialement
Goggi

[goggi]

J'ai trouvé...
En fait la déclaration de mon gestionnaire d'événements se trouve bien après que j'ai généré la liste par append mais...
mes données étaient reçues via ajax en mode asynchrone par défaut.
La solution est donc de modifier l'appel $.ajax en async: false, ou de le laisser true,
mais déplacer la déclaration du gestionnaire d'événement de sorte qu'il ne soit analysé qu'apès que la réponse à ajax ait été dûment reçue.
À une prochaine question tordue...

Au fait, j'ai toujours une alarme disant que l'ai un bloqueur de pub ? J'ai pourtant enregistré developpez.net dans mon AddblockPlus ?

Cordialement
Goggi.