Question

我正在创建一个带子菜单的菜单。我试图保持主菜单的悬停样式，只要鼠标在子菜单内，但只要我在子菜单中从一个链接导航到另一个链接jquery说我已经超出了子菜单http://jsfiddle.net/7gSaE/

$（document）.ready（function（e）{

$(".menu").mouseenter(function(){
    $(this).children("div").slideDown(200);
});

$(".menu").mouseleave(function(){
    $(this).children("div").slideUp(200);   
});

$(".submenu").mouseenter(function(){
 $(this).parent("div.menu").children("a:first").css({"color":"#1869b4","background-color":"#ffffff"});
});

$(".submenu").mouseout(function(){
    alert("you are out of the submenu");
   $(this).parent("div.menu").children("a:first").css({"color":"#fff","background-color":"transparent"});
});

});

Answer 1

只需将mouseout更改为mouseleave

即可

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

演示：Fiddle

子菜单不能正常工作

1 个答案: