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();
});