如何通过点击在网站上的其他地方关闭菜单jquery

Question

嗨，大家好，我如何关闭菜单由jquery点击其他地方。

<div class="noticemenu"> 
    <label for="menu-toggle3"></label> 
    <input type="checkbox" id="menu-toggle3"/> 
    <ul id="menu"> 
     <li class="option"> 
      <a href="#" >First link</a> 
     </li> 
     <li class="option"> 
      <a href="#">Second link</a> 
     </li> 
     <li class="option"> 
      <a href="#">Third link</a> 
     </li> 
    </ul> 
</div> 

例如，我可以打开菜单后点击图标，并可以关闭菜单，如果点击相同的图标。当我点击网站上的免费空间时，我想关闭菜单。但我不知道如何在jQuery上做到这一点上面的例子。

Answer 1

有完全相同的问题，简单的解决方案

$(document).mouseup(function (e) 
{ 
    var container = $(".noticemenu"); 

    if (!container.is(e.target) // if the target of the click isn't the container... 
     && container.has(e.target).length === 0) // ... nor a descendant of the container 
    { 
     container.hide(); 
    } 
});