使用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