jquery - 当焦点丢失时关闭菜单，而不是鼠标移开时关闭菜单。 jQuery

Question

我有 jQuery，当单击其父项时会下拉菜单，并在它们悬停在菜单之外时将其关闭。我想更改行为，以便仅当他们单击页面上的其他位置或不同的菜单时才会解除。这可能吗？

jQuery.fn.dropdown = function () {
    return this.each(function () {
        $('.ui-dropdown-list > li > a').click(function () {
            $(this).addClass("ui-dropdown-hover");
        });

        $("ul.ui-dropdown-list > li > a").click(function () {
            $(this).parent().find("ul").show();

            $(this).parent().hover(function () {
            }, function () {
                $(this).parent().find("ul").hide();
                $(this).find('> a').removeClass("ui-dropdown-hover");
            });
        });
    });
};

Answer 1

尝试在您的 body 上放置一个点击处理程序来关闭菜单。该事件应该传播到主体，除非它在其他地方被驳回。

类似这样的事情:

$("body").click(function() {
  $(".ui-dropdown-hover").removeClass(".ui-dropdown-hover");
});