LI和儿童的JQuery鼠标移动

Question

更新：我是个白痴。忘记了委托功能。下面发布我的解决方案

嘿，

幻灯片上的脚本工作。有一组旋转div和相关的LI元素。当鼠标移过LI元素时，我想直接跳到该div。

我的李是这样的：

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

的JavaScript是这样的：

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

我的问题是，剧本似乎并没有工作的权利。鼠标悬停功能似乎根本不被识别。立即重新启动itnerval。我猜测这是因为鼠标悬停功能无法捕捉LI中的子元素（即H2和P标签）。但不确定。 anoyne可以帮助吗？

谢谢

Answer 1

没有找到答案。需要使用代理功能

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

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