Maison > interface Web > js tutoriel > le corps du texte

Résoudre le problème de liaison des événements après que Jquery ait ajouté de nouveaux éléments à page_jquery

WBOY
Libérer: 2016-05-16 16:09:16
original
932 Les gens l'ont consulté

J'ai d'abord regardé la documentation de l'API jq mais je n'ai pas trouvé de méthode En vain, j'ai dû chercher des informations en ligne, et bien sûr, j'ai trouvé une méthode en direct.

C'est en fait très simple :

1. C'est l'effet requis par le projet. Lorsque je n'ai pas utilisé l'événement live et que j'ai utilisé un simple événement de survol : l'événement de survol n'était pas chargé et il n'y avait pas d'effet de bordure que je souhaitais. Le rendu est le suivant.

Copier le code Le code est le suivant :

/*Ajouter des styles via les balises de compétences utilisateur*/
  $(function(){  
   $(".s-edited").hover(function(){ 
​​​​​$(this).toggleClass("borderd");
   })
  }) 

2. Après avoir utilisé en direct, l'effet a été obtenu, comme indiqué ci-dessous :

Le code est le suivant :

Copier le code Le code est le suivant :

/*Ajouter des styles via les balises de compétences utilisateur*/
  $(".s-edited").live("hover",function(){
   $(this).toggleClass("borderd");
  })

J'ai lu attentivement l'introduction sur le live,

Liez un gestionnaire d'événements (tel qu'un événement de survol) à tous les éléments correspondants actuels et futurs. Les événements personnalisés peuvent également être liés.

PS : je suis un débutant, s'il vous plaît, ne critiquez pas !

Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.

É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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!