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