Maison > interface Web > js tutoriel > Explication détaillée de la façon dont la méthode live() gère les événements de survol dans jQuery

Explication détaillée de la façon dont la méthode live() gère les événements de survol dans jQuery

黄舟
Libérer: 2017-06-26 09:25:47
original
1504 Les gens l'ont consulté

hover([over,]out)

Un événement de survol simulé (la souris se déplace vers un Méthodes d'entrée et de sortie de l'objet

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

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

$('.myp').hover(function() {
	doSomething...	
}, function() {
	doSomething...	
});
Copier après la connexion


Le problème est que certains éléments tels que les menus sont chargés dynamiquement via AJAX lorsque la méthode de survol est exécutée,

<. 🎜>menu Il n'a pas encore été chargé, nous devons donc utiliser une autre méthode live() de jquery La méthode
.live() peut être efficace pour un élément qui a. n'a pas été ajouté au DOM. En effet, la délégation d'événements est utilisée :

La fonction gestion des événements liée à l'élément ancêtre peut 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,

mais sera traité comme un événement spécial. La fonction de gestion est liée au nœud racine de l’arborescence DOM.

$(&#39;.myp&#39;).live(&#39;hover&#39;,function(event){
	if(event.type==&#39;mouseenter&#39;){
		doSomething...	
	}else{
		doSomething...	
	}
})
Copier après la connexion

Nécessite jQuery 1.4.3+
Comme le survol n'est pas un événement standard, il ne peut pas être traité directement en utilisant live, donc la méthode suivante est utilisée à la place, avec le même effet.

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