6
votes

Bind Ready Event sur la création JavaScript Dom Element

J'aimerais savoir si nous pouvons lier un événement chargé ou prêt sur un élément créé par un script lorsque le DOM est chargé. J'ai entendu parler de vivre () mais ce n'est pas quelque chose de cliquable, c'est juste un élément qui doit charger.

Merci pour votre aide!


0 commentaires

3 Réponses :


2
votes

Je suppose que votre meilleur tir est l'événement code> code> là-bas.

$('<img/>', {
   src:   '/images/myimage.png',
   load:  function(){
     alert('image loaded');
   }
}).appendTo(document.body);


0 commentaires

0
votes

Si vous souhaitez pouvoir séparer les morceaux de code de création de l'élément et la gestion de l'événement de charge, vous pouvez essayer que votre élément créé de manière dynamique déclenche un événement personnalisé sur la fenêtre:

jQuery.('window').bind( "myElementInit", function(event){
  var theElement = event.myObject;
...
} );


3 commentaires

Comme dit avant mon problème, je ne peux pas éditer l'élément parent.


Je ne sais pas que je comprends alors. Pouvez-vous publier un extrait de code? Qu'avez-vous voulu dire "j'ai entendu parler de vivre ()"?


Je ne peux pas poster du code. 1 / J'ai un script que je ne peux pas modifier l'ajout d'un div dans le DOM lorsque le document est prêt. 2 / J'ai mon script qui ajoute une autre div dans le DOM et qui doit être créé après la création de divisé en 1 / a été réellement ajouté à la DOM est très claire?



0
votes

Vous pouvez utiliser la forme déléguée du .on () événement, comme documenté Ici :

Les événements délégués ont l'avantage de pouvoir traiter des événements de éléments descendants qui sont ajoutés au document ultérieurement. En cueillant un élément qui est garanti pour être présent à l'époque de la Le gestionnaire d'événements délégués est joint, vous pouvez utiliser des événements délégués à Évitez de la nécessité de fixer et de supprimer fréquemment les gestionnaires d'événements. Cette élément pourrait être l'élément de conteneur d'une vue dans un Modèle-View-contrôleur Conception, par exemple, ou document si l'événement Le gestionnaire veut surveiller tous les événements de bulles dans le document. le document est disponible dans la tête du document avant chargement de tout autre HTML, il est donc sûr de joindre des événements là-bas sans En attendant que le document soit prêt.


0 commentaires