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() может показать это меню. и я знаю, как показать это меню, и теперь я не знаю, как скрыть это меню, когда щелчок мышью в другом месте не щелкает по меню. Я нахожу так много примеров, они добавляют слушателя щелчка документа и проверяют, является ли родительский узел цели события этим меню. Как и в этой ссылке Скрыть раскрывающееся меню jQuery может предложить кому-нибудь лучшее, мне интересно, почему jQueryUI не добавляет событие или опцию для виджета меню. Кто-нибудь, помогите мне, спасибо

Answer 1

Это общее решение, я не знаю о вашем плагине

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

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