LI 및 어린이를위한 JQuery 마우스 오버

Question

업데이트 : 나는 바보입니다. 델리게이트 기능을 잊어 버렸습니다. 내 솔루션을 아래에 게시하십시오.

헤이,

슬라이드 스크립트에서 작업. 회전 div와 관련 LI 요소 집합이 있습니다. 마우스가 LI 요소 위로 오면 해당 div로 직접 점프하고 싶습니다.

내 LI는 다음과 같습니다

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

내 문제는, 스크립트가 제대로 작동하지 않는 것 :

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

자바 스크립트가 이것이다. 마우스 오버 기능이 전혀 인식되지 않는 것 같습니다. 즉시 itnerval이 재시작됩니다. mouseover 함수가 LI (즉, H2 및 P 태그)의 자식 요소를 잡을 수 없기 때문에 나는 추측하고 있습니다. 그러나 확실하지 않습니다. anoyne이 도움이 될 수 있습니까?

감사합니다.

Answer 1

Nevermind가 답을 찾았습니다. 델리게이트 함수를 사용해야합니다.

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

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