Maison > interface Web > js tutoriel > Méthode jQuery de liaison d'événements à elements_jquery ajoutés dynamiquement

Méthode jQuery de liaison d'événements à elements_jquery ajoutés dynamiquement

WBOY
Libérer: 2016-05-16 16:10:40
original
1096 Les gens l'ont consulté

L'exemple de cet article décrit comment jQuery lie les événements aux éléments ajoutés dynamiquement. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Les événements de liaison dans jquery utilisent généralement bind ou click, mais cela ne peut définir des événements que pour les éléments qui ont été chargés, et les éléments qui sont ajoutés et insérés ultérieurement doivent être liés séparément. Utilisez live avant la version 1.7. Cependant, il est recommandé de l'utiliser après la version 1.8. Voici une introduction à la façon de lier des événements à des éléments ajoutés dynamiquement dans jQuery
Dans le développement réel, vous rencontrerez des situations dans lesquelles vous devrez lier des événements déclencheurs à des éléments HTML générés dynamiquement

Par exemple

<div id="testdiv">
  <ul></ul>
</div>
Copier après la connexion

Vous devez ajouter un événement de clic à la balise

  • ajoutée dynamiquement à l'intérieur de

      Avant la version 1.7 de jquery, les événements de liaison dynamique en direct étaient utilisés

      $("#testdiv ul li").live("click",function(){
      });
      Copier après la connexion
      Après la version 1.7 de jquery, utilisez on pour lier dynamiquement des événements

      $("#testdiv ul").on("click","li", function() {
           //do something here
       });
      Copier après la connexion
      J'espère que cet article sera utile à la programmation jQuery de chacun.

  • source:php.cn
    Déclaration de ce site Web
    Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
    Tutoriels populaires
    Plus>
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal