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

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...