Jquery .on() traitement d'élements generés par d'autres frameworks
J'ai une application indépendante qui charge un iframe.
Quand l'iframe est chargé l'application génère de manière asynchrône des élémets de formulaire par ajax.
Le seul contrôle que j'ai est de créer des scripts dans l'entête de la page contenue dans l'iframe.
Comme je suis à l'aise avec JQuery (1.7 pour ce cas) j'ai naturellement voulu manipuler les objets en utilisant .on() puisqu'ils n'éxistent pas encore au moment où mes scripts sont interpretés.
Tout est Ok quand j'execute des scripts du genre :
Code:
1
2
3
4
5
| $("body").on("change", 'mesElementsATraiter', function() {
mesElementsATraiter.each(function(){
$(this).myFunc();
});
}); |
Jusqu'à maintenant tout est OK, mais il faut que je parcours mes mesElementsATraiter après initialisation de la page pour les traiter une première fois avant onchange.
J'ai essayé plusieurs syntaxes mais je n'ai pas réussi :
Code:
1
2
3
4
|
$("body").on("focus", 'mesElementsATraiter', function() {
// traitement
}); |
ca marche seulement après que je clique sur la partie haute de ma page (dont, je rappelle j'en ai pas le contrôle)
Je voudrais pouvoir utiliser un listener du genre :
Code:
1
2
3
| $(document).on('desElementsSontAjoutés', function() '
// traitement
}); |
mais j'ai pas trouvé le bon syntaxe.
Un cas concret : afficher les choix fils d'un checkbox quand celui-ci est coché sinon les cacher. Initialement au chargement de la page les choix fils d'un checkbox coché doivent être depliés et ceux d'un checkbox non coché doivent être cachés.
Merci d'avance de m'aider si quelqu'un a déjà rencontré le même cas.
