想要增加悬停效果的延迟时间

Question

我有三级别的。

<ul>
  <li>
  <li>
     <ul>
        <li>
        <li>
           <ul>
             <li>  

我想增加悬停时间，即当我将鼠标悬停在第二级时，悬停的延迟时间必须增加，直到我到达其子级，即第三级

Answer 1

假设您使用mouseover() / mouseout()或hover()获得了javascripe代码： 获取hoverIntent插件并使用element.hoverIntent(overfunc, outfunc)

Answer 2

当您使用jquery时，请确保在这些情况下使用mouseenter和mouseleave代替mouseover和mouseout。即使在输入子元素时，mouseover和mouseout也会触发。如果你有隐藏事物的代码，你不希望它在那个时候在菜单中运行，当你完全离开<li>并且认为一个孩子仍然在里面时你希望它运行...那是mouseenter和mouseleave做了什么：）

还有一个名为.hover()的快捷方式，它使用mouseenter和mouseleave这样的事件：

$(selector).hover(mouseenterFunc, mouseleaveFunc);

以下是一个例子：

$("li").hover(function() {
  $(this).children("ul").slideDown();
}, function() {
  $(this).children().slideUp();
});

You can see the above code in a quick demo against your posted tree here