如何通过单击网站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();
    }
});