jQuery ne peut pas déclencher de modification après la mise à jour DOM

Question

J'ai créé des listes déroulantes dépendantes dans une chaîne. Celui en haut devrait déclencher plusieurs demandes Ajax pour chaque liste déroulante ci-dessous.

J'utilise jQuery 1.3.2 avec livequery si les gestionnaires d'événements devraient être lier pour tous les éléments DOM rechargées, mais le déclenchement changement ne se produit pas pour les nouveaux éléments mis à jour.

Qu'est-ce que je fais de mal ici?

function dropDown_CHILD() 
{ 
    jQuery.ajax({ 
     'async': false, 
     'url':..., 
     'data':..., 
     'cache':false, 
     'success':function(html){ 
      $('#CHILD_unavailable').empty(); 
      $('#CHILD').replaceWith(html); 
     }, 
     'complete': function(request, status){ 
      $('#CHILD').trigger('change'); 
     }, 
     'error':function(a,b,c){alert('An error occurred, please try again.');} 
    }); 

} 
$('#PARENT').livequery('change', dropDown_CHILD); 

Et même est généré pour ENFANTS DE L'ENFANT, ainsi, ce qui devrait appeler son gestionnaire aussi bien en fonction complete, devrait-il pas?

Mise à jour:Now you can see it on-the-fly.

Merci beaucoup à l'avance.

Answer 1

J'ai finalement résolu ce cas en remplaçant le plug-in avec Ajax Listen Plugin, qui met un écouteur droit sur l'objet DOM document.

Il est maintenant conscient de toutes les instances indépendamment de la façon dont DOM mis à jour.

Answer 2

Peut-être « replaceWith » supprime l'élément avant d'insérer le remplacement afin que votre événement est non liée:

Lorsqu'un élément ne correspond plus à un sélecteur les événements en direct la requête liée à elle ne sont pas liés. La requête en cours peut être expirée, ce qui ne liera plus les événements et dissociera tous les événements précédemment liés. (livequery doc)