如何通過點擊在網站上的其他地方關閉菜單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(); 
    } 
});