javascript - jquery mega menu 鼠标悬停不工作

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 来在悬停时显示子菜单 - 一个简单的 :hover CSS 机制应该给你你想要的效果。