jQuery菜单链接mouseout问题

jQuery menu links mouseout issue

本文关键字：问题 mouseout 链接 菜单 jQuery      更新时间：2023-09-26

我在页面上设置了横向的菜单链接。

当我将鼠标悬停在一个特定的链接上时，它下面会出现一个div，显示子div。为此，我使用了jQuery的hover函数。

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

我的问题是，当我离开链接进入子链接之一，它不应该消失。我该如何做到这一点?

当我将鼠标移向子链接时，只要我将鼠标移出父链接，子div就会消失。

你可以给他们(菜单和图层)相同的类。示例代码:

<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();
});
相关文章：