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

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...	
});

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.

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

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!