我在这个项目上看了很多帖子,但找不到合适的解决方案.对不起,如果已经在某个地方回答了.
我想要的是：
我有一个带有菜单项的DIV,当click事件触发href元素时会打开.
现在我想隐藏菜单,当鼠标离开DIV元素并且不在href元素之上时.到目前为止,我只能在单击href元素时关闭它.
所以,我的jQuery看起来像这样：
$("#menu_opener").click(function () {
if ($("#menudiv").is(":hidden")) {
$("#menudiv").slideDown("slow");
} else {
$("#menudiv").hide();
}
});
我的HTML看起来像这样：
<div>
<a href="#" id="menu_opener">Menu</a>
</div>
<div id="menudiv" style="position: fixed; background-color: white; display: none;">
<a href="#" id="A1">Page 1</a><br />
<a href="#" id="A2">Page 2</a><br />
<a href="#" id="A3">Page 3</a><br />
</div>
提前致谢！
解决方法
您可以按原样保留HTML,只需添加以下内容：
$("#menudiv").mouseleave(function(){
$(this).hide();
});
jsfiddle：http://jsfiddle.net/5SSDz/