jQuery MouseOut 活动区域错误且无法正常工作答案

【问题标题】：jQuery MouseOut active area is wrong and not working properlyjQuery MouseOut 活动区域错误且无法正常工作
【发布时间】：2015-03-06 16:39:11
【问题描述】：

当我将光标悬停在具有“megamenu”类的菜单项上时，会出现一个 div。我的 jQuery 向 div 添加了一个“open”类，它将高度值从 0 更改为 170px。

$(".megamenu").hover(
    function () {
        $(".about-us-megamenu").addClass("open");
    }
);
$(".about-us-megamenu").mouseout(
    function () {
        $(".about-us-megamenu").removeClass("open");
    }
);

这很好用，但是...

我希望它在光标移出 div 时删除“open”类。但是，目前它仅适用于我在页面上的内容包装器的宽度（960 像素），并在将光标向下移动约 40 像素而不是 170 像素后删除了该类。我的开发网址是：

http://allentullett.co.uk/sandbox/guac/

谁能帮我解决我的困境？

【问题讨论】：

页面中脚本的名称在哪里？（“mouseout”功能的 Jquery 代码在哪里）
我把它放在页脚，但不确定你对 mouseout 函数的 jquery 代码的意思？

标签： jquery hover mouseout

【解决方案1】：

也许 div 本身也有一个 mouseout 处理程序？

【讨论】：

【解决方案2】：

在更多地探索“mouesout”时，我发现了对我有用的答案是“mouseleave”

$(".megamenu").hover(
    function () {
        $(".about-us-megamenu").addClass("open");
    }
);
$(".about-us-megamenu").mouseleave(
    function () {
        $(".about-us-megamenu").removeClass("open");
    }
);

现在完美运行。

感谢两位的帮助，非常感谢。

【讨论】：