Question

Jquery 鼠标经过按钮显示下拉菜单问题。

/* js代码 */
$(document).ready(function(){

mousemove_button_own('button_hover_own','show_listmenu_over')

});
function mousemove_button_own(id_name,sub_id){
var objs = $("#"+id_name+"");
var inherit_obj = $("#"+sub_id+"");

objs.hover(function(){
inherit_obj.slideToggle("fast",function(){
objs.children("span").removeClass().addClass("menu-up");
});
});
}

<!--/html 代码/-->
<div class="button-group-select">
<button id="button_hover_own" class="default">
鼠标经过效果菜单 <span class="menu-up"></span>
</button>
<ul id="show_listmenu_over" class="list-box-default effect_radius">
<li><a href="#">二级菜单项</a> </li>
<li><a href="#">二级菜单项</a> </li>
<li><a href="#">二级菜单项</a> </li>
<li><a href="#">二级菜单项</a> </li>
</ul>
</div>

====================================================================
问题：
当 鼠标进入 button 标签时 显示ul#show_listmenu_over 这个效果可以显示 ul#show_listmenu_over 。
但是 鼠标离开 button 而想进入 ul 时，ul就被hover执行隐藏掉了。
我如何让 鼠标离开button 鼠标离开 ul 后让 ul 隐藏？

Answer 1

你应该把"进入离开button"触发事件 改成 "进入离开div(button的父节点)"触发事件

追问

父级 DIV 不设高度，而该ul 是 position：absolute；要浮在上面的

追答

不要设absolute,位置用margin调整,div不用设高度,试试这样行不行