Maison > interface Web > Questions et réponses frontales > Comment résoudre le problème d'échec de la liaison jquery

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

藏色散人
Libérer: 2021-11-12 11:23:13
original
2164 Les gens l'ont consulté

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.

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

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 , et la balise 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数据代码
});
Copier après la connexion

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!

É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