Jquery 子菜单不能正常工作

我正在创建带有子菜单的菜单。我试图保持主菜单的悬停样式，只要鼠标在子菜单中，但一旦我在子菜单中从一个链接导航到另一个链接，jquery就会说我不在子菜单中

$（文件）.ready（函数（e）{

---

把mouseout换成mouseleave就行了

$(".submenu").mouseleave(function () {
    $(this).parent("div.menu").children("a:first").css({
        "color": "#fff",
        "background-color": "transparent"
    });
});

---

演示：

就像？只是将mouseout改为mouseleave？谢谢你可以添加它作为答案，这样我就可以接受了。

$(".submenu").mouseleave(function () {
    $(this).parent("div.menu").children("a:first").css({
        "color": "#fff",
        "background-color": "transparent"
    });
});