Javascript 需要关于JQuery鼠标悬停在带有子菜单的菜单上的帮助吗

我有一个菜单（），如果出现以下鼠标事件，就会出现这种情况：

将鼠标悬停在电影上

然后开始在

电影库

拖动时，您不小心触摸了

主页

菜单项

使

主页

子菜单出现并隐藏

电影

子菜单

这不是我想要的效果。所以我在寻求帮助。我该如何解决这个问题，以便如果我拖动鼠标时不小心碰到了其他一些菜单选项，javascript会足够聪明，知道它不应该隐藏选定的子菜单

---

我可以在悬停上加些延迟吗？感谢您的帮助

我认为这个插件完全适合你想做的事情：

我认为这个插件完全适合你想做的事情：

你可以使用它来阻止鼠标输入/鼠标输出事件，以防止意外触发（我想你需要这个…）。查看hiverIntent网站上的示例。你会喜欢的。

你可以用它来限制鼠标输入/鼠标输出事件，以防止意外触发（我想你需要这个…）。查看hiverIntent网站上的示例。你会喜欢的。

我希望这就是你想要的。如果没有，我相信它将引导您找到最终解决方案

$().ready(function(){
    $('ul.menu').hover(function(event){       
        var hoverItem = event.target;
        //hide other ul's submenu
        $(hoverItem).siblings('li').children('ul').stop(true,true).hide()
        //show current submenu
        $(hoverItem).children('ul').stop(true,true).fadeIn()
    },function(event){
        //console.log(event.target);
        $('ul.menu li').children('ul').stop(true,true).delay(1500).fadeOut()
    })
});

---

希望能帮助你。干杯

我希望这就是你想要的。如果没有，我相信它将引导您找到最终解决方案

$().ready(function(){
    $('ul.menu').hover(function(event){       
        var hoverItem = event.target;
        //hide other ul's submenu
        $(hoverItem).siblings('li').children('ul').stop(true,true).hide()
        //show current submenu
        $(hoverItem).children('ul').stop(true,true).fadeIn()
    },function(event){
        //console.log(event.target);
        $('ul.menu li').children('ul').stop(true,true).delay(1500).fadeOut()
    })
});

---

希望能帮助你。干杯

我希望尽量减少外部库的使用。当然，你可以查看此插件源代码并获取你想要的。。。至少你会得到一些灵感。你能提供一个例子，说明如何将插件与我现有的代码集成在一起吗？（如果不是太多的话）好的。这里是：没有hoverIntent调优，但它可以工作。请看，hoverIntent模仿了

hover

，但添加了一些不错的功能。这真的很好。我想把外部库的使用量降到最低。当然，你可以查看这个插件源代码，并获取你想要的。。。至少你会得到一些灵感。你能提供一个例子，说明如何将插件与我现有的代码集成在一起吗？（如果不是太多的话）好的。这里是：没有hoverIntent调优，但它可以工作。请看，hoverIntent模仿了

hover

，但添加了一些不错的功能。真的很好。不，不太好。现在，如果我将鼠标悬停在

Home

上，进入

Movies

，则只显示Home子菜单。不，不完全是。现在，如果我将鼠标悬停在

Home

上以进入

Movies

，则只显示Home子菜单。