JQuery Mouseover pour LI et les enfants

Question

MISE À JOUR: Je suis un idiot. J'ai oublié la fonction de délégué. Posté ma solution ci-dessous.

Hey,

Travailler sur un script de diapositive. Il existe un ensemble de divs rotatifs et d'éléments LI associés. Lorsque la souris survole un élément LI, j'aimerais sauter directement à cette div.

Mon LI ressemble à ceci:

<li id="infoBox_1" class="infoDefault"> 
<br> 
<h3>Header</h3> 
<p>Header</p> 
</li> 

Le javascript est la suivante:

$('.infoDefault').mouseover(function() { 
    alert($(this).id); 
    clearInterval(intervalFunc); 
}); 
$('.infoDefault').mouseout(function() { 
    startInterval(); 
}); 

Mon problème est, le script ne semble pas fonctionner à droite. La fonction mouseover ne semble pas être reconnue du tout. Immédiatement l'itnerval est redémarré. Je suppose que c'est parce que la fonction mouseover ne peut pas attraper les éléments enfants dans le LI (c'est-à-dire les balises H2 et P). Mais pas sûr. L'anoyne peut-elle aider?

Merci

Answer 1

trouvé la réponse Passons sur. Nécessité d'utiliser la fonction de délégué

$("#slideList").delegate("li", "hover", function() { 
    alert('test'); 
    clearInterval(funcInterval); 

}, function() { 
    startInterval(); 
});