使用jQuery创建一个简单的菜单？

Question

我希望用jQuery创建一个这样的菜单：

1. 单击一个按钮，显示包含菜单选项的div。
2. 如果其他内容在打开时单击菜单，则隐藏菜单。

我可以轻松地完成第1部分，但第2部分是我遇到的问题。 我使用以下代码：

$("html").click(function(){
    menu.hide();
});

但是，只要我点击按钮，就会关闭菜单。

Answer 1

我对你的问题不太了解，但你可以试试这个：

$('body').not('menuelement').click(function() {
    menu.hide();
});

Answer 2

这样的事情应该有效：

$("html").click(function(e){
    if(!$(e.target).is('#menu_options_div') && $(e.target).parents("#menu_options_div").length == 0)
        menu.hide();
});

e.target - 原始点击元素。只需测试它是否不是带有选项/菜单的div，如果其中一个父项不是那个选项/菜单div