Jquery 如何在每次父菜单悬停时对子菜单进行延迟？（前端）

我试图在我的子菜单上设置延迟效果

  <ul id="main-menu">
       <li class="firstLevel hasSubmenu"><a href="/inmotus/" class="firstLevel">    
  <nav class="submenu">                 
     <ul>
        <li><a href="#"><font><font class="">About</font></font></a></li>
        <li><a href="#"><font><font class="">Sample</font></font></a></li>
        <li><a href="#"><font><font>Inmotus misse &amp; Vision</font></font></a></li>
        <li><a href="#"><font><font class="">Voluptatem</font></font></a></li>
        <li><a href="#"><font><font class="">Ratione</font></font></a></li>
     </ul>
  </nav>
  <ul>

问题：如何在每次.hasSubmenu类悬停时对我的.submenu类应用延迟

---

请帮帮我

如果您的代码基于javascript，此链接将非常有用。

hoverIntent是一个插件，它试图确定用户的意图。。。就像一个水晶球，只能用鼠标移动！它类似于jQuery的hover方法。但是，hoverIntent不是立即调用handlerIn函数，而是等待用户的鼠标速度足够慢后再进行调用

它有一个改变悬停延迟的配置，看看它是否适合你

$(document).ready(function(){
$('.submenu').hide();
$( '.hasSubmenu' ).hover( function() {
_this = $(this).parents().find('.submenu');
setTimeout(function() { 
_this.fadeIn(); }, 500);
}, function() {
_this.fadeOut();
});
});

试试这样的。（固定）

---

我从您的代码中了解到，您的代码不正确，下面是一个解决方案。我希望它能帮助你

$(document).ready(function(){
    $('ul li.firstLevel').click(function(){
    $('ul ul').slideToggle();
    });
})

更改值

$('ul ul').slideToggle(600);

---

然后，您可以管理延迟时间。

我不确定延迟后您希望看到什么，但假设您希望它出现

$('.hasSubmenu').mouseenter(function()
{
setTimeout(function(){handleMouseAction(true);},500)
}).mouseleave(function()
{
setTimeout(function(){handleMouseAction(false);},500)
});

function handleMouseAction(actionFLag)
{
if(actionFlag)
{
$('submenu').show();
}
else
{
$('submenu').hide();
}
}

---

什么类型的行动的延迟？也请发布javascript代码。您的

li

关闭主菜单的位置在哪里。用什么制作菜单动画？通过第三方工具或使用CSS？setTimeout中的设置不同。您需要从函数（）传递上下文{{u this=this；setTimout（{$（_this）.children（'.submenu'）.fadeIn（）；}，500）；}Hi Voltlight，谢谢您的回答。它是正确的：）太好了，不客气-您可能应该将子菜单正确地嵌套在.hasMenu中，顺便说一句，HTML不正确谢谢您的回复Maddy:）这是我的荣幸。