javascript - 在导航菜单中选择菜单。当用户尝试在其中一个子菜单中使用选择菜单时，.mouseleave 触发问题

Question

这是一个非常复杂且难以解释的问题，因为菜单大得不合理，并且包含菜单不应包含的内容(几个月前，他们在其中插入了视频。VIDEOS)。其中之一是选择框。我终于获准将菜单重新设计为更易于管理的形式，但我很难让选择框正常运行。基本上，一旦单击要使用它，mouseleave 事件就会从它的曾祖父元素中触发，尽管事实上它实际上仍在相关元素中，并隐藏了选择框所在的子菜单。菜单仍在开发中，但在这个菜单上我的头撞到了墙上，所以非常感谢您的帮助。

这是网站(选择框在办公室 > 县办公室下):

http://www.aces.edu/~sab0037/side-menu.dwt.php

这仍然是一个非常粗略的草稿，所以请不要过分抨击我的编码实践，我将出去并将我的脚本和 css 分离到不同的文件中，然后再发布它以及菜单列表。然而，建设性的批评是受欢迎的。

Answer 1

当 select 获得焦点时如何防止 mouseleave？

可能是这样的

$('.menu').mouseleave(function() {
    var selectFocused = $('select').is(":focus");

    if (!selectFocused) {
      // hide Menu if select doesnt have the focus
    }
});

但这也会阻止菜单在您离开菜单并选择焦点时关闭。