Comment charger dynamiquement des liaisons à l'aide de JS

Cette fois, je vais vous montrer comment utiliser JS pour charger dynamiquement une liaison, et quelles sont les précautions à prendre pour utiliser JS pour charger dynamiquement une liaison. Ce qui suit est un cas pratique, jetons un coup d'œil.

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. note que j'ai faite à titre d'exemple, lorsque j'ajoute une donnée et que je clique ensuite sur Supprimer, on me demande si je dois la supprimer, comme indiqué ci-dessous :

Mais quand je ajoutez plus de deux données, quel numéro est supprimé ? Il vous demandera 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);

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 :

Les composants angulaires parent et enfant s'appellent

Comment faire fonctionner dev et prd dans webpack

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!