Javascript Jquery悬停函数显示和隐藏元素

我有一个悬停功能，可以显示和隐藏我的子菜单，直到有人在上面悬停

问题是，当我尝试将鼠标向下移动到显示它再次消失的菜单时

有人能指出我做错了什么吗

$（文档）.ready（函数（）{
$（'.menu Link>a'）。悬停（函数（）{
$（this.next（'.menu'）.show（）；
}，函数（）{
$（this.next（'.menu'）.hide（）；
});
});
nav{
位置：固定；
排名：0；
左：0；
宽度：100%；
/*背景色：#333333*/
背景色：透明；
过渡：0.2s；
}
导航ul{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：透明；
显示：内联块；
}
李国荣{
浮动：左；
}
导航链接{
显示：块；
颜色：黑色；
文本对齐：居中；
填充：24px 16px；
文字装饰：无；
过渡：0.2s；
字体大小：粗体；
文本转换：大写；
位置：相对位置；
}
导航ul li div.向下箭头{
浮动：对；
宽度：0；
身高：0；
左边距：5px；
左边框：5px实心透明；
右边框：5px实心透明；
边框顶部：5px实心#fff；
边缘顶部：10px；
过渡：0.2s；
}
导航ulli分区菜单{
显示：无；
z指数：999；
位置：相对位置；
背景色：#fff；
盒影：0px 0px 5px rgba（0,0,0,0.2）；
填充：15px0；
利润上限：-15px；
}
导航ul li分区菜单a{
颜色：#333333；
左侧填充：15px；
}
导航链接：悬停{
颜色：#808080；
文字装饰：无；
过渡：0.2s；
}
导航ulli a.link：悬停div.箭头向下{
边框顶部：5px实心#808080；
过渡：0.2s；
}
李海军：第一个孩子{
左侧填充：100px；
}
右导航{
浮动：对；
}
李：最后一个孩子{
右边填充：100px；
}
导航颜色{
背景色：#333333；
过渡：0.2s；
}











问题是因为事件附加到
a
元素，因此当用户尝试将鼠标悬停在出现的菜单上时，
a
调用悬停的
mouseout
部分，JS代码再次尝试隐藏菜单。要解决此问题，请将
hover（）
事件附加到包含
a
和菜单的元素。在本例中，
.menu链接
元素本身。您还需要将
next（）
更改为
find（）
，以适应更改。试试这个：


$（文档）.ready（函数（）{
$（'.menu-Link'）。悬停（函数（）{
$（this.find（'.menu'）.show（）；
}，函数（）{
$（this.find（'.menu'）.hide（）；
});
});
nav{
位置：固定；
排名：0；
左：0；
宽度：100%；
/*背景色：#333333*/
背景色：透明；
过渡：0.2s；
}
导航ul{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：透明；
显示：内联块；
}
李国荣{
浮动：左；
}
导航链接{
显示：块；
颜色：黑色；
文本对齐：居中；
填充：24px 16px；
文字装饰：无；
过渡：0.2s；
字体大小：粗体；
文本转换：大写；
位置：相对位置；
}
导航ul li div.向下箭头{
浮动：对；
宽度：0；
身高：0；
左边距：5px；
左边框：5px实心透明；
右边框：5px实心透明；
边框顶部：5px实心#fff；
边缘顶部：10px；
过渡：0.2s；
}
导航ulli分区菜单{
显示：无；
z指数：999；
位置：相对位置；
背景色：#fff；
盒影：0px 0px 5px rgba（0,0,0,0.2）；
填充：15px0；
利润上限：-15px；
}
导航ul li分区菜单a{
颜色：#333333；
左侧填充：15px；
}
导航链接：悬停{
颜色：#808080；
文字装饰：无；
过渡：0.2s；
}
导航ulli a.link：悬停div.箭头向下{
边框顶部：5px实心#808080；
过渡：0.2s；
}
李海军：第一个孩子{
左侧填充：100px；
}
右导航{
浮动：对；
}
李：最后一个孩子{
右边填充：100px；
}
导航颜色{
背景色：#333333；
过渡：0.2s；
}











问题是因为事件附加到
a
元素，因此当用户尝试将鼠标悬停在出现的菜单上时，
a
调用悬停的
mouseout
部分，JS代码再次尝试隐藏菜单。要解决此问题，请将
hover（）
事件附加到包含
a
和菜单的元素。在本例中，
.menu链接
元素本身。您还需要将
next（）
更改为
find（）
，以适应更改。试试这个：


$（文档）.ready（函数（）{
$（'.menu-Link'）。悬停（函数（）{
$（this.find（'.menu'）.show（）；
}，函数（）{
$（this.find（'.menu'）.hide（）；
});
});
nav{
位置：固定；
排名：0；
左：0；
宽度：100%；
/*背景色：#333333*/
背景色：透明；
过渡：0.2s；
}
导航ul{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：透明；
显示：内联块；
}
李国荣{
浮动：左；
}
导航链接{
显示：块；
颜色：黑色；
文本对齐：居中；
填充：24px 16px；
文字装饰：无；
过渡：0.2s；
字体大小：粗体；
文本转换：大写；
位置：相对位置；
}
导航ul li div.向下箭头{
浮动：对；
宽度：0；
身高：0；
左边距：5px；
左边框：5px实心透明；
右边框：5px实心透明；
边框顶部：5px实心#fff；
边缘顶部：10px；
过境