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

【问题标题】：want to increase delay timings for hover effect想增加悬停效果的延迟时间
【发布时间】：2018-12-05 10:55:41
【问题描述】：

我有三个等级的ul li。

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

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

【问题讨论】：

我不知道你在说什么。
我认为他在谈论某种下拉菜单。

标签： javascript jquery css

【解决方案1】：

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

【讨论】：

【解决方案2】：

当您使用 jquery 时，请确保在这些情况下您使用的是 mouseenter 和 mouseleave 而不是 mouseover 和 mouseout。 mouseover 和 mouseout 即使在输入子元素时也会触发。如果您有隐藏内容的代码，那么您不希望它在此时在菜单中运行，您希望它在您完全离开<li> 并认为孩子仍在里面时运行...这就是@ 987654334@ 和 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

【讨论】：