Question

我正在创建一个非常简单的，我之前创建了很多次，但这次我遇到的问题是子菜单被隐藏但光标在它上面这里是js代码

$(".menu").mouseenter(function(){
$(this).children("div").slideDown(400);
console.log("inside submenu");
});

$(".menu").mouseleave(function(){
$(this).children("div").slideUp(400);
console.log("out of submenu");
});

HTML代码

<div class="menu"> 
<a href="#">main item</a> 
<div class="submenu"> 
<a href="#">item</a> 
<a href="#">item</a> 
<a href="#">item</a> 
<a href="#">item</a> 
</div> 
</div>

CSS

nav .menu{margin-left: 2px; float: right; height: 68px; width: 138px; 
position: relative;}

nav .submenu {display: none; width: 409px; position: absolute; right: 0; 
top: 68px; min-height: 1px; background: rgba(255,255,255,0.9); padding: 10px 0 15px 0; }

你可以在这里找到菜单http://mawk3y.net/sky/页面是阿拉伯语，但菜单链接是englich

Answer 1

$( ".submenu" ).hover(
  function() {
    $( this ).show();
  }, function() {
    $( this ).slideUp( 400 );
  }
);

子菜单被隐藏，因为光标在菜单上

1 个答案: