jquery - Jquery - 处理悬停的更好方法

Question

我有一个列表，默认情况下只显示顶层。当您将鼠标悬停时，它会显示子菜单项。这按预期工作，但是它总是打开一个菜单，因为 on 类仍然在最后一个悬停的项目上。我觉得必须有更好的方法来做到这一点，但我在网站上查看的其他示例似乎并不完全是我所追求的？请参见下面的示例。

http://jsfiddle.net/aaronk85/6PfKb/

Answer 1

jQuery hover 方法实际上有两个函数，第一个是'over'（或in），第二个是'off'（或out）。

我已经用正确的语法更新了你的小提琴。

http://jsfiddle.net/6PfKb/9/

var $link = $('ul.internal-dropdown li.top-level');
$link.hover(function() {
    $(this).addClass('on');
}, function() {
    $link.removeClass('on');
});​