jquery mega菜单鼠标悬停不起作用

Question

我正在尝试使用jquery和css使用以下代码构建MEGA MENU：

$(".sub-menu").find('a.amenu').hover(function(){
        $(this).parent().find(".sub-menu-panel").show();
    }
    ,function(){
        $(this).parent().find(".sub-menu-panel").hide();
    }
);        

其中菜单链接有一个名为“子菜单”的类，与之相关的面板有一个名为“子菜单面板”的类。

如果鼠标悬停，如何保持菜单链接的相关面板可见？ 我的问题是当我将鼠标移动到面板上以点击它上面的任何子链接时，它自动消失，因为当我离开主链接时鼠标输出事件被触发。

Answer 1

首先 - 举例说明您尝试解释的内容对于获得有效的回复是有利的。

其次 - 您不需要任何javascript / jQuery来显示悬停子菜单 - CSS中的简单:hover机制可以为您提供所需的效果。