jquery - 每次悬停父菜单时，如何延迟子菜单？ (前端)

Question

我正在尝试为我的子菜单添加延迟效果。

  <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 类应用延迟？

请帮帮我...

Answer 1

如果您的代码基于 javascript，此链接会很有帮助。 http://cherne.net/brian/resources/jquery.hoverIntent.html

hoverIntent 是一个插件，它试图确定用户的意图......就像一个 Crystal 球，只有鼠标移动!它类似于 jQuery 的悬停方法。但是，hoverIntent 不会立即调用 handlerIn 函数，而是等到用户的鼠标速度足够慢后再进行调用。

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