Bind ready event sur javascript dom element creation

Je suppose que votre meilleur coup est l'événement de load là-bas.

 $('element').load(function(){ alert('loaded'); }); 

originaire de

 var elem = document.getElementById('element_id'); elem.onload = function(){ alert('loaded'); }; 

Un autre exemple de création dynamique:

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

Si vous souhaitez séparer les morceaux de code pour la création de l'élément et la gestion des événements de chargement, vous pouvez essayer d'avoir un élément créé dynamiquement pour déclencher un événement personnalisé sur la fenêtre:

 var myElement = $('<img/>', { src: '/images/myimage.png' }).appendTo(document.body); $(window).trigger( {type: "myElementInit", myObject : myElement} ); 

Avec un pointeur de retour à lui-même dans les paramètres supplémentaires, vous pourriez alors avoir une configuration de gestionnaire séparée dans un jQuery (document) .ready pour rechercher l'événement de fenêtre "myElementInit" et saisir la référence à l'élément hors des paramètres supplémentaires :

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

Vous pouvez utiliser la forme déléguée de l'événement .on() , tel que documenté ici :

Les événements délégués ont l'avantage de pouvoir traiter des événements à partir d' éléments descendants qui sont ajoutés au document ultérieurement. En choisissant un élément qui est garanti pour être présent au moment où le gestionnaire d'événements délégué est joint, vous pouvez utiliser les événements délégués afin d'éviter la nécessité d'attacher et de supprimer fréquemment des gestionnaires d'événements. Cet élément pourrait être l'élément conteneur d'une vue dans une conception Model-View-Controller, par exemple, ou document si le gestionnaire d'événements veut surveiller tous les événements de bulle dans le document. L'élément du document est disponible dans la tête du document avant de charger tout autre HTML, il est donc sûr d'y attacher des événements sans attendre que le document soit prêt.