Comment résoudre le problème d'échec de la liaison jquery

Solution à l'échec de la liaison jquery : 1. Créez un exemple de fichier HTML ; 2. Utilisez "$(".sentnum-box").delegate(".a-add-ordergoods","click",function(){ . ..});" peut être résolu.

L'environnement d'exploitation de cet article : système Windows 7, jquery version 3.2.1, ordinateur DELL G3

Comment résoudre le problème d'échec de liaison jquery ?

jQuery utilise bind pour gérer les événements de liaison dynamique invalides

Récemment, je développe une page lorsque je fais des effets spéciaux de page, je dois attribuer un événement à un bouton chargé dynamiquement

J'ai donc utilisé $(obj) sans réfléchir. bind(); pour lier les événements.

Mais il y a un problème :

bind peut effectivement lier des événements, mais cela est comparé aux balises html fixes

Lorsque le contenu de la page est chargé dynamiquement, il y a un bug dans l'événement bind, et il ne peut être lié qu'une seule fois , cela ne servira à rien lorsque vous déclencherez l'événement pour la deuxième fois

Par exemple :

J'attribue un clic à la balise 3499910bf9dac5ae3c52d5ede7383485, et la balise 3499910bf9dac5ae3c52d5ede7383485 incluant le contenu est lue à partir des données d'arrière-plan et puis chargé dynamiquement. Lorsque j'utilise bind pour lier l'événement de clic, le premier clic peut être déclenché avec succès

Mais le deuxième clic, l'événement de clic n'est pas valide.

Des recherches ultérieures ont révélé que jQuery dispose également d'un moyen de lier des événements : délégué(

);

L'utilisation est la suivante :

$(".sentnum-box").delegate(".a-add-ordergoods","click",function(){ 
  //js数据代码
});

De cette façon, vous pouvez réaliser des événements de liaison de données dynamiques et ne jamais expirer

Apprentissage recommandé : "Tutoriel vidéo jquery"

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!