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();
    }
});

jQueryUI菜单隐藏

1 个答案: