Maison > interface Web > js tutoriel > JS chargement dynamique liaison répétée

JS chargement dynamique liaison répétée

php中世界最好的语言
Libérer: 2018-04-20 14:35:45
original
1244 Les gens l'ont consulté

Cette fois, je vais vous présenter le chargement dynamique JS et la liaison répétée. Quelles sont les précautions pour le chargement dynamique JS et la liaison répétée Voici un cas pratique, jetons un coup d'oeil.

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 faite. à titre d'exemple. Après avoir ajouté une donnée, puis cliquez sur Supprimer, il me sera demandé si je dois la supprimer, comme indiqué ci-dessous :

Mais lorsque j'ajoute plus de deux données, après avoir supprimé l'élément, vous serez invité plusieurs fois à 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);
Copier après la connexion

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web PHP chinois !

Lecture recommandée :

Une explication détaillée des étapes d'appel de composants enfants à partir de composants parents angulaires

Instructions pour les débutants à vue

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!

Étiquettes associées:
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