jQuery charge les données de manière asynchrone et ajoute des événements example_jquery

Il y a quelques mois, j'étais impliqué dans une barre d'arbre dans un projet, et après avoir regardé beaucoup de plug-ins, j'ai trouvé ça un peu gênant, alors j'en ai écrit un moi-même, et des problèmes ont commencé à survenir à chaque fois J'ai continué à le faire.

À cette époque, le projet était contrôlé via une barre d'arborescence. L'administrateur pouvait générer dynamiquement une barre d'arborescence pour les données de la base de données à ajouter, supprimer, modifier et vérifier. Méthode .click(); Ce n'est pas possible.

1. J'ai déjà utilisé jq1.4.3, et vous pouvez utiliser la méthode live() dans jq1.7 pour implémenter cette fonction

$(‘#div').live(‘click',function(){
//do stuff
});

Cependant, la méthode live comporte également des événements non pris en charge, tels que : événement bascule. Lorsque vous rencontrez cette situation, vous pouvez y ajouter un événement de clic, puis simuler un événement de déclenchement de clic et tout ira bien

$('a').live('click',function(){
$(this).toggle(function(){

　　 alert("q11");
//
　　 alert($(this).attr("id"));
　　 $(this).parent().children('ul').show();
},function(){
　　$(this).parent().children('ul').hide();
});
$(this).trigger('click');
/**
之前绑定的click事件，只有点击了才会触发toggle事件，所以就给他加上模拟点击事件，不需要点击直接出发
**/
});

2. Pour jq1.7 et supérieur, utilisez la méthode on Le premier attribut est l'événement, le deuxième est le sélecteur et le troisième est la méthode d'exécution

.

$(document).on("click","#d1",function(){
alert("bbbbb");
});