javascript - 鼠标弹起时的 jQuery 切换

Question

我有以下 jQuery:

$('#account-menu').hide();

$("#account-link").click(function(e) {
     e.preventDefault();
     $("#account-menu").toggle();
     $("#account-link").toggleClass("selected");
});

我想做的是检查用户是否点击了屏幕上的其他任何地方显示帐户菜单但不在帐户菜单本身内，如果是，则隐藏菜单。谁能帮忙？

谢谢

编辑:我自己试过这样做:

$('#account-menu').hide();

    $("#account-link").click(function(e) {
        e.preventDefault();
        $("#account-menu").toggle('fast');
        $("#account-link").toggleClass("selected");
    });

    $(document).mouseup(function(e) {
        var $targ = $(e.target);

        // if we are the link or the box, exit early
        if ($targ.is('#account-link') || $targ.is('#account-menu')) return;
        // if we have a parent who is either, also exit early
        if ($targ.closest('#account-link, #account-menu').length) return;

        // hide the box, unselect the link
        $("#account-link").removeClass("selected");
        $("#account-menu").hide('fast');
    });

但想看看是否有更好、更小(代码方面)的方法。

Answer 1

Use jQuery to hide a DIV when the user clicks outside of it