Question

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

嗨，

处理幻灯片脚本。有一组旋转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标签）。但不确定。 anoyne可以帮忙吗？

由于

Answer 1

没关系找到答案。需要使用委托功能

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

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

用于LI和孩子的JQuery Mouseover

1 个答案: