从一个子菜单选项更改为另一个子菜单选项时，jquery隐藏子菜单

Question

我有一个带有两个选项的子菜单的菜单，当你留下一个子菜单项转到下一个子菜单消失。我怎么阻止这个？

jQuery的：

// SHOW TAKE ATTENDANCE SUB MENU
    $('#take_attendance').hover(function(){
        $('#taskbar_sub ul').fadeIn(100);
    });
    $('#taskbar_sub').mouseout(function(){
        $('#taskbar_sub ul').hide();
    });
// /SHOW TAKE ATTENDANCE SUB MENU

Answer 1

如果没有看到HTML / CSS就很难调试。

这听起来像三件事之一：

• 您的子菜单未嵌套在#take_attendance。
中
• 您的子菜单ul位于父元素之外（浮动或绝对定位）
• 您的子菜单在每个项目下方都有边距。

为了得到更好的答案，我建议使用jsfiddle输入示例HTML / CSS / JS，以便有人可以正确调试它。

Answer 2

正如@Justice所说，如果您的子菜单是嵌套的，那么这样做会更容易。但是，如果您要将UL分开，请查看this answer以获取一些帮助。