Comment utiliser Jquery document.on () sur des éléments qui sont extraits via Ajax?
J'ai un Jquery Mobile shell page, dont je suis le chargement d'un formulaire en utilisant Ajax. Le formulaire a quelques cases à cocher, j'ai besoin de se lier à.
Bizarrement, je peux le faire pour un milieu de travail de l'auditeur directement sur le bouton de la sorte:
$('input[name="ohneiln"]').on('change', function() {
alert("hello");
});
Mais quand je suis en train de définir l'auditeur à $(document)
et délégué à la checkbox
l'auditeur n'est jamais déclenché:
$(document).on('change', 'input[name="ohneiln"]', function() {
alert("hello");
});
Question:
Quelle est la bonne manière de définir un événement de liaison pour la "dynamique" des éléments en cours de chargement via Ajax à l'aide de $(document).on()
? N'est-ce pas possible pour change
événements ou pourquoi suis-je en cours d'exécution dans les ennuis?
Merci pour l'aide!
source d'informationauteur frequent
Vous devez vous connecter pour publier un commentaire.
La façon dont le
.on()
méthode fonctionne change selon la façon dont vous l'utiliser. Dans votre premier exemple, l'.on()
méthode se comporte de façon similaire àbind
et ne fonctionne que sur des éléments qui existent déjà.Le deuxième exemple se comporte comme
.live()
oudelegate()
dans de nombreuses façons. Et va travailler pour les éléments qui sont ajoutés par la suite.Lire la documentation pour une explication détaillée http://api.jquery.com/on/