jQuery Girl
  1. jQuery Girl
  3. Cliquez sur l’événement pour les éléments ajoutés au DOM de manière dynamic
Intereting Posts
Case à cocher ayant un problème avec la liaison d’événements jQuery pour Textarea Comment puis-je empêcher un formulaire distant de soumettre? Table de données angular – Pagination personnalisée et informations Accéder aux contrôles dans les fonctions Javascript / JQuery Laravel 5 AJAX 500 Erreur sur Post Comment connaître l’index d’un dans une avec jQuery? Comment faire un mouvement infini d’une div? Ajax post a des valeurs vides sur le serveur Obtenir les données de session par identifiant Faire un tag agir comme un bouton de saisie Option jQuery désactivée si elle est sélectionnée dans plusieurs cases Sticky Headers avec CSS -webkit-overflow-scrolling Définition de currentTime pour la vidéo HTML5 window.onscroll est en retard Comment supprimer un élément lorsque vous cliquez en dehors de l’élément en javascript? Généralisation de l’ajout / de la suppression de jQuery dynamic pour plusieurs formulaires

Cliquez sur l’événement pour les éléments ajoutés au DOM de manière dynamic

Avant jQuery 1.8, j’étais capable d’utiliser .live () pour se déclencher lorsqu’un clic sur un bouton était inséré dynamicment par jquery.

Maintenant, .on () et .bind () ne fonctionnent pas tous les deux pour les éléments ajoutés à DOM après le chargement de la page.

Quelles sont les options maintenant? 

 $(parent_element).on("click", child_selector, function(evt) { });

http://api.jquery.com/on/#direct-and-delegated-events

Les événements delegates ont l’avantage de pouvoir traiter des événements issus d’éléments descendants ajoutés au document ultérieurement. En choisissant un élément dont la présence est garantie au moment où le gestionnaire d’événements délégué est attaché, vous pouvez utiliser des événements delegates pour éviter la nécessité d’attacher et de supprimer fréquemment des gestionnaires d’événements. Cet élément peut être l’élément conteneur d’une vue dans une conception Modèle-Vue-Contrôleur, par exemple, ou un document si le gestionnaire d’événements souhaite surveiller tous les événements de propagation dans le document. L’élément document est disponible dans l’en-tête du document avant de charger tout autre code HTML. Vous pouvez donc y attacher des événements sans attendre que le document soit prêt.

délégué est beaucoup plus efficace que sur handler 

 $(document).delegate('click', "selector", function() { //your stuff });