Question

$(document).ready(function () { 

$('#nav li').hover(
    function () {
        //show its submenu
        $('ul', this).slideDown(220);

    }, 
    function () {
        //hide its submenu
        $('ul', this).slideUp(220);         
    }
);

您好，我想在我的dropdownmenu上设置一个“延迟”，因为响应时间太快了。当我意外地连续4次悬停时（它随时间上下滑动）。我阅读并尝试了HoverIntent jquery插件。但我无法使用这个简单的jquery菜单实现它。

有没有这样的经历？我真的很感激，我试图实现它但没有成功（我在jquery很糟糕）。请给出一些提示/代码，谢谢！

Answer 1

您必须停止当前正在运行的动画。试试这个，

$('#nav li').hover(
    function () {
        //show its submenu
        $('ul', this).stop().slideDown(220);

    }, 
    function () {
        //hide its submenu
        $('ul', this).stop().slideUp(220);         
    }
);

Answer 2

请尝试以下操作以防止悬停功能多次触发。

$('#nav li').hover(
    function () {
        //show its submenu
        $('ul', this).stop().slideDown(220);

    }, 
    function () {
        //hide its submenu
        $('ul', this).stop().slideUp(220);         
    }
);

下拉菜单上的jquery超时（hoverintent）

2 个答案: