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