Jquery菜单怪癖

Question

对不起，标题不是更具体。我对我编写的jquery菜单有一些小问题。可以在wlmtest.info上看到

这是主菜单。我遇到的麻烦如下所示。

如果您将鼠标悬停在顶部的菜单按钮上，菜单将下拉。现在向上移动鼠标，不要将鼠标悬停在实际的下拉列表上。即使鼠标离开菜单，菜单下拉列表仍会继续显示。

摆脱下拉菜单的唯一方法是将鼠标悬停在菜单下拉菜单上，然后将鼠标从它上面移开。

我的代码如下

jQuery("ul.lmenutabs li").mouseenter(function() 
{
    jQuery("ul.lmenutabs li").removeClass("active"); //Remove any "active" class
    jQuery(this).addClass("active"); //Add "active" class to selected tab
    jQuery(".lmenutab_content").hide(); //Hide all tab content

    var activeTab = jQuery(this).find("a").attr("href"); //Find the href attribute     value to identify the active tab + content
    jQuery(activeTab).fadeIn(); //Fade in the active ID content
    jQuery(".lmenutab_container").fadeIn()
    return false;
});

jQuery(".lmenutab_container").mouseleave(function() {
    jQuery(".lmenutab_content").hide(); //Hide all content
    jQuery(".lmenutab_container").hide(); //Hide all content
    jQuery("ul.lmenutabs li").removeClass("active");
    return false;
});

如您所见，我有一个鼠标输入来显示下拉菜单。然后是鼠标左键，这样当你将鼠标悬停在dropdown上并离开时，dropdown div就会隐藏起来。

我怎样才能让下拉列表在你离开顶部的菜单按钮时也隐藏起来呢？当你离开按钮悬停在下拉菜单上时，下拉菜单不会消失。

很抱歉，如果这听起来令人困惑，如果你需要的话，我会试着再解释一遍。

任何帮助都是非常感谢的。

Answer 1

您正在等待菜单本身上的mouseleave()事件，但如果鼠标从未进入菜单，则永远不会触发鼠标离开事件。

在页眉上添加一个mouseenter事件以隐藏菜单，并在页面本身上添加一个onClick()操作，以确保用户始终可以通过在菜单外部单击来摆脱该菜单。