jQueryUI 菜单隐藏

Question

我使用 UL 元素创建一个菜单，我使用 jQueryUI 来显示此菜单。

<ul style="display:none" id="action_menu" class="menu">
    <li><a href="javascript:alert(213112);">Edit Translation</a></li>
    <li><a href="javascript:void(0);">Edit Comment</a></li>
    <li><a href="javascript:void(0);">Edit Bind</a></li>
    <li><a href="javascript:void(0);">Edit Reuse</a></li>
    <li><a href="javascript:void(0);">Edit Sync Up</a></li>
    <li><a href="javascript:void(0);">Export</a></li>
    <li><a href="javascript:void(0);">Show History</a></li>
    <li><a href="javascript:void(0);">Upload Screenshot</a></li>
</ul>

当点击按钮时，$("#action_menu").menu()可以显示这个菜单。我知道如何显示此菜单，但现在我不知道当鼠标单击其他位置而不是单击菜单时如何隐藏此菜单。我找到了很多例子，他们添加文档点击监听器，并检查事件目标的父节点是否是这个菜单。喜欢这个链接Hide dropdown menu jQuery有谁有更好的主意，我想知道为什么 jQueryUI 不为菜单小部件添加事件或选项。有人帮帮我吗，谢谢

Answer 1

这是一个通用解决方案，我不知道你的插件

$(document).click(function (e)
{
    var container = $(".menu");

    if (container.has(e.target).length === 0)
    {
        container.hide();
    }
});