Jquery 悬停时如何保持此下拉菜单可见？

我使用另一个堆栈用户发布的脚本构建了一个下拉菜单，但现在当我将鼠标移到它上面时，我很难让它保持可见。 以下是网站：

http://79.24.150.216/

您可以尝试将鼠标悬停在“INFO”上，然后尝试将显示的菜单悬停，您将看到它不会一直可见

您可以在以下位置找到css：

http://79.24.150.216/css/main.css

这是使用的js代码段：

$('nav li').on('mouseenter mouseleave hover',function( e ){
$('#'+$(this).data('open'))[e.type=='mouseenter'?'slideDown':'slideUp'](); });

---

提前感谢您的宝贵帮助。

您是否尝试过将

#subnav

添加到用于悬停功能的元素

$（'nav li，#subnav'）

？

您的悬停仅对li元素起作用，因此一旦您离开该元素，您将失去悬停，并且subnav将关闭

你可以试着上两门课 .default类{显示：无} .show{display:block}

然后试试看 $（'nav li'）.on（'hover click'，function（）{$（'subnav'）.addClass（'show'）；}）

然后在子AV（.removeClass（'show'）上隐藏鼠标离开事件； 您还可以将鼠标悬停在任何其他li元素上，使子AV也隐藏起来。

尝试此解决方案

$(document).ready(function(){
    $('nav li').on('mouseenter click hover',function( e ){
        var value = $(this).attr('data-open');
        $('#'+value).slideDown();     
    });

    $('#subnav ul li').on('mouseleave', function(e){
        var menu = $(this).parent().parent().parent().attr('id');
        $('#'+menu).slideUp();
    });
});

希望能有帮助

---

建议：您可以使用info子菜单定义子菜单，这样您就可以动态地获得正确的div来加载顶部菜单。

我现在尝试了它，它当前与我提供的地址相同，但没有任何更改。我还建议在

$之后使用
.stop（true）
（'nav li'）

当你在它上下快速悬停多次时，你需要一段时间才能赶上。这样做只会让它运行一次。哈哈，我很生气，所以我就这么叫它。无论如何，是的，这让我很恼火，但不幸的是，停下来没有多大帮助（我像这样插入了

$（'nav li'）。停下来（真的）。开（'mouseen…

我想这是正确的）而且它不起作用，你可以在同一个地址检查自己。哦，而且，胡说八道也不起作用，它只是一个div来设置整个事情的灰色，而不仅仅是navi。我试过了，除了我似乎无法让它起作用之外（我是个傻瓜），我认为这会使平滑的“滑动”变松动画我是一种计数保留？你可以使用modernizr检查动画支持，如果他们是支持使用css3如果不使用jquery.animate。请张贴相关的HTML和CSS在这里，否则问题变得毫无意义或无用的未来，当资源被移动或问题被修复。这是工作，但它失去了现在有了“幻灯片”动画（如果可能的话，我比较喜欢）而且它对所有的导航李都保持活动状态，不仅仅是信息。或者这就是建议的内容吗？以下是您的工作解决方案：

http://79.24.150.216/test/

*此外，仅当您将鼠标移到主要内容上时，它才会清除，而当您将鼠标移到顶部或侧面时则不会清除。请将方法show（）更改为slideDown（）并使用SlideUp（）隐藏；用于动画。谢谢，这修复了动画，但正如您在这里看到的

http://79.24.150.216/test/

该选项卡在所有

导航li

中保持活动状态，仅当您直接将鼠标悬停在内容上时才向上滑动，例如，如果您将鼠标悬停在横幅上，则不会向上滑动。我已经编辑了，以便根据顶部选择动态加载子菜单。如果你认为页面上的任何答案都有助于你的查询，那么你应该投票