Maison > interface Web > js tutoriel > Exemple de traitement d'un événement de survol par la méthode live() de jQuery_jquery

Exemple de traitement d'un événement de survol par la méthode live() de jQuery_jquery

WBOY
Libérer: 2016-05-16 16:57:51
original
860 Les gens l'ont consulté

hover([over,]out)

Une méthode qui simule des événements de survol (la souris se déplace sur et hors d'un objet)

Lorsque la souris se déplace sur un élément correspondant, la première fonction spécifiée sera déclenché.

Lorsque la souris sort de cet élément, la deuxième fonction spécifiée sera déclenchée.

Copier le code Le code est le suivant :

$('.myDiv').hover (function() {
doSomething...
}, function() {
doSomething...
});

Le problème est que certains éléments tels car les menus sont via AJAX Il est chargé dynamiquement Lorsque la méthode de survol est exécutée, le menu

n'a pas encore été chargé, donc une autre méthode de jquery, live(),

.live( ) peut être utilisée pour renvoyer une méthode. Les éléments qui n'ont pas été ajoutés au DOM sont valides grâce à l'utilisation de la délégation d'événements :

Les gestionnaires d'événements liés aux éléments ancêtres peuvent répondre aux événements déclenchés sur les descendants.

Le gestionnaire d'événements passé à .live() ne sera pas lié à l'élément

Au lieu de cela, il sera traité comme un gestionnaire d'événements spécial, lié au nœud racine de l'arborescence DOM. . supérieur.
Copier le code Le code est le suivant :

$('.myDiv').live ('hover ',function(event){
if(event.type=='mouseenter'){
doSomething...
}else{
doSomething...
}
} )

Certaines versions de jquery répondent à mouseenter et mouseleave
Certaines répondent à mouseover et mouseout
À vérifier...
É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