jquery - 如何在悬停时保持此下拉菜单可见？

Question

我使用另一个堆栈用户发布的脚本构建了一个下拉菜单，但现在当我将鼠标悬停在它上面时我无法保持它可见。这是网站:

http://79.24.150.216/

您可以尝试将鼠标悬停在“信息”上，然后尝试将鼠标悬停在显示的菜单上，您会发现它不会保持可见。

您可以在以下位置找到 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'](); });

预先感谢您的宝贵帮助。

Answer 1

您是否尝试过将 #subnav 添加到用于悬停功能的元素 $('nav li, #subnav')？