jQuery菜单链接mouseout问题

Question

我有一个页面上的菜单链接横向排列在顶部。

当我将鼠标悬停在特定链接上时，div下方会显示子div。为此，我使用jQuery悬停功能。

现在，当我将鼠标移出链接时，出现的div应该消失，我使用了mouseout功能来做到这一点。

我的问题是，当我离开链接进入其中一个子链接时，它不应该消失。我如何实现这一目标？

当我将鼠标移动到子链接时，只要我停止父链接，子div就消失。

Answer 1

你可以给他们（菜单和图层）相同的类。 示例代码：

<div class="menu keep"> 
<div class="layer keep">Layer1</div> 
<div class="layer keep">Layer2</div> 
<div class="layer keep">Layer2</div> 
<div class="layer keep">Layer3</div> 
</div> 

和JQuery的：

$(".keep").on("mouseenter",function(){ 
$(".layer").show(); 
}); 
$(".keep").on("mouseleave",function(){ 
$(".layer").hide(); 
});