javascript - LI 和 child 的 JQuery 鼠标悬停

Question

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

嘿，

处理幻灯片脚本。有一组旋转的 div 和关联的 LI 元素。当鼠标经过 LI 元素时，我想直接跳转到那个 div。

我的 LI 看起来像这样:

 <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 标签)。但不确定。任何人都可以帮忙吗？

谢谢

Answer 1

没关系找到答案。需要使用委托(delegate)函数

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

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