Jquery 下拉菜单滑动太快

我的解决方案：

我用这个：

在JSFIDLE上：

谢谢你们的帮助

我有一个下拉菜单，可以使用以下小代码：

    $( document ).ready(function() {
        $('#menu-headermenu li > .sub-menu').parent().hover(function(){             
            $(this).children('.sub-menu').stop(true).slideToggle(400);              
        });
    }); 

问题是，如果鼠标移动太快，子菜单在我用鼠标悬停它们之前就关闭了

为了更好地理解，我在youtube上上传了这段视频：

编辑：//

---

首先，您不需要使用：

$('#menu-headermenu li > .sub-menu').parent().hover

只需使用：

$('#menu-headermenu li').hover

其次，延迟确实有效。查看更新的小提琴，事件延迟1000ms 1秒：

还有一种方法：

---

这就是我问题的解决方案：

jQuery slideUp/slideDown函数存在一个已知问题，并且没有设置高度。确保要隐藏的图元具有指定的高度

此外，min-height css属性将使事情更加复杂。从元素中删除最小高度

参考：

---

您可以通过增加传入的数量来增加.slideToggle等动画的时间，而不是视频显示JSFIDLE。或者，您也可以使用.delaytime增加动画的延迟，其中时间以毫秒为单位。抱歉，我不知道这一点。这里有一个链接：试试$this.children'.sub-menu'.stoptrue.delay500.slideToggle400；拖延使情况更糟。您可以在jsfiddle中尝试：/您可以将.delay1000更改为更长或更短的值，具体取决于事件发生前的等待时间。

$('#menu-headermenu').find('.menu-item-has-children').hover(function () {
    $(this).children('.sub-menu').slideDown(400);
}, function () {
    $(this).children('.sub-menu').slideUp(400);
});