Récemment, lorsqu'un ami travaillait sur un projet, il a rencontré dynamiquement le chargement du contenu de Weibo, puis a cliqué sur "développer des commentaires" pour obtenir tous les commentaires sur le Weibo. Le <span mid = '123456789' class = 'Get_Comment'> Cliquez pour charger les commentaires </span> est utilisé ici.
Puis écrivez à nouveau
$ (". get_comment) .click (function () {// Response Event Logic})Il est constaté que l'événement de clic ne sera pas déclenché et qu'il n'y a aucune erreur à écouter à l'aide de la console. Quand je ne peux pas le comprendre,
Parce que je l'ai également rencontré lorsque je faisais la gestion du fret au centre commercial Sohu Home Furnishing, je me suis concentré sur le chargement dynamique.
Je me souviens que j'utilisais des événements en ligne à ce moment-là et des événements en ligne lors du chargement dynamiquement. Par exemple, var obtn = '<a onclick = "freight.delete_curr_citys ();" href = "JavaScript: void (0);"> supprimer </a> '; En fait, le fret est un objet.delete_curr_citys est une méthode de cet objet.
Bien sûr, vous pouvez également utiliser la fonction live () de jQuery pour réécrire la logique de réponse:
$ (". get_comment"). live ('click', function () {var mid = $ (this) .attr ("mid"); alert (mid);});À l'heure actuelle, JQuery peut répondre à l'événement Click Span. Ici, des événements de délégation de fonctions en direct sont utilisés, qui sont principalement utilisés pour la réponse d'événements HTML générée dynamiquement. En ce qui concerne le rôle de la fonction en direct (), son avantage le plus intuitif est qu'il peut toujours "écouter" les opérations du navigateur client, qui seront également efficaces pour les nœuds DOM nouvellement ajoutés sans reliure. C'est peut-être parce que cette «écoute» peut être constamment liée et jugée, ce qui entraînera des problèmes de performances des applications Web. Vous pouvez l'utiliser sélectivement en fonction de la complexité du projet. En ce qui concerne les fonctions en direct, voici une explication très détaillée:
Définition et utilisation
La méthode en direct () joint un ou plusieurs gestionnaires d'événements à l'élément sélectionné et spécifie les fonctions qui s'exécutent lorsque ces événements se produisent.
Les gestionnaires d'événements attachés via la méthode en direct () conviennent à la correspondance des éléments courants et futurs du sélecteur (tels que de nouveaux éléments créés par les scripts).
grammaire
$ (sélecteur) .live (événement, données, fonction)
Description du paramètre
événement requis. Spécifie un ou plusieurs événements attachés à l'élément.
Plusieurs événements sont séparés par des espaces. Doit être un événement valide.
données facultatives. Spécifie les données supplémentaires transmises à la fonction.
fonction requise. Spécifie la fonction qui s'exécute lorsqu'un événement se produit.
Les raisons et les solutions pour le DOM généré dynamiquement dans l'article ci-dessus ne déclencheront pas l'événement OnClick sont tout le contenu partagé par l'éditeur. J'espère que cela peut vous donner une référence et j'espère que vous soutiendrez plus Wulin.com.