Jquery - 处理悬停的更好方法

Question

我有一个列表，默认情况下只显示顶层。当您将鼠标悬停时，它会显示子菜单项。这按预期工作，但它始终保持一个菜单打开，因为 on 类保留在悬停的最后一个元素上。我觉得一定有更好的方法可以做到这一点，但我在网站上看到的其他例子似乎并不是我想要的？请参见下面的示例。

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

Answer 1

jQuery hover method实际上需要 2 个函数，第一个用于“over”(或 in)，第二个 if 用于“off”(或 out)。

我已经用正确的语法更新了你的 fiddle 。

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

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