Jquery 自定义下拉菜单鼠标删除问题

我有两个div的一个包含“可点击div”和另一个“导航菜单”，这是菜单。 有一个mouseleave函数用于“#clickable_div”，我的问题是 当我将鼠标悬停在菜单上时，它不应该像当前发生的那样滑动 我怎样才能解决这个问题

注意：我正在使用一个用于下拉列表的小插件

JSFiddle->

代码 我的问题是当我将鼠标悬停在菜单上时，它不应该滑动，而当前正在发生这种情况。我如何解决这个问题

那就不要把盒子藏在鼠标上。删除所有这些：

.mouseleave(function() {

    if(visible) {
        visible = false;
        window.setTimeout(function(){$('#nav_menu').hide('blind');}, 1000);
    }
 })

编辑：

我能想到的最简单的方法是将整个内容包装到另一个块元素中，并将

mouseleave

事件绑定到该块元素。我已经更新了你的小提琴来展示解决方案

---

以下代码导致问题

     .mouseleave(function() {
        if(visible) {
            visible = false;
            window.setTimeout(function(){$('#nav_menu').hide('blind');}, 1000);
        }); 

您试图做的是当鼠标离开菜单标题时，您要求隐藏菜单

尝试检测菜单标题和菜单上的鼠标。关于如何做到这一点

---

已经有很多方法可以做到这一点，可以选择其中任何一种，并更改css以匹配您的站点

您的代码完全按照其预期工作。这不是你想要的。那么，你到底想要什么？当我点击div时，菜单显示出来了。当我在菜单上移动鼠标时，它不应该关闭..这是当前正在发生的情况。我希望它隐藏起来，但不是当鼠标在菜单上或鼠标在“clickable_div”上时。然后，在你的问题中这样说。这就是我所说的“你到底想做什么？”。让我更新我的答案。

     .mouseleave(function() {
        if(visible) {
            visible = false;
            window.setTimeout(function(){$('#nav_menu').hide('blind');}, 1000);
        });