Question

菜鸟求指导JS/JQ问题 设置一个二级菜单 如何才能让鼠标移开2级菜单才消失

我这么写的

$("memu").mouseover(function(){
$("content").show();

}).mouseout(function(){
$("content").hide()

});
但是鼠标只要一离开memu点到content里面，那么content的内容就会消失
我想要点到content里面的话鼠标不会消失 ，点到content和memu外面才会消失 要怎么做？？

Answer 1

#menu{
    overflow:hidden;
}
//结构
<div id="menu"><div id="content"></div></div>

还要加一个子级事件监听取消的 e.stopPropagation();,你百度一下.

追问

菜鸟不懂啊。大神能否说详细点

追答

overflow:hidden;会使父级的大小跟随子级变化,当然父级的高度别设为固定即可,
e.stopPropagation()这个作用就是阻止子级的事件触发,例如 menu 和 content都有 onclick 事件的话,你在 content 上点击只会触发 menu 上的事件,你用 alert 试试就知道了