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

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>

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(){
});

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
 });

J'espère que cet article sera utile à la programmation jQuery de chacun.