Maison > Article > interface Web > Problème de liaison en double avec chargement dynamique JavaScript
Cet article présente principalement le problème de la liaison répétée du chargement dynamique JavaScript. Il est très bon et a une valeur de référence. Les amis dans le besoin peuvent s'y référer
Avant-propos
Lors de l'ajout d'une donnée, un chargement dynamique a été utilisé pour l'afficher sur l'interface. Plus tard, un bug sérieux a été découvert. Prenez cette note que j'ai prise comme exemple après avoir ajouté une donnée. puis j'ai cliqué sur Supprimer, il m'a demandé si Supprimer, comme indiqué ci-dessous :
Mais lorsque j'ajoute plus de deux éléments de données, quel que soit l'élément supprimé, il sera demandé plusieurs fois de confirmer la suppression.
Après enquête, nous avons finalement trouvé le problème.
Texte
Lorsque le contenu est ajouté dynamiquement, les événements qui doivent être utilisés dans le p ajouté sont généralement écrits, tels que les événements de clic / Événements Chang, etc. Prenons mon événement de suppression comme exemple. Puisque l'événement de suppression doit être écrit sous l'événement d'ajout d'une note, lorsque la première donnée est ajoutée, elle est liée une fois, lorsque la deuxième donnée est ajoutée, elle est liée une fois. , et lorsque la nième donnée est ajoutée, elle est liée une fois, n fois les événements de suppression ont été liés, donc lors de la suppression de la nième donnée, vous serez invité n fois à confirmer la suppression.
Maintenant que la cause de l'erreur a été trouvée, elle peut être résolue. Avant de lier l'événement de suppression, dissociez simplement le dernier événement lié.
Code :
//解绑 $(".deletebtn").off("click"); $(".update").off("change"); //绑定 $(".deletebtn").bind('click', delete_click); $(".update").bind('change', change_fonts);
Ce qui précède est ce que j'ai compilé pour vous. J'espère qu'il vous sera utile à l'avenir.
Articles associés :
AJAX est utilisé Déterminer si l'utilisateur est enregistré
ajax implémente la fonction de téléchargement asynchrone de fichiers ou d'images
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!