javascript - 如何在点击外部时用Jquery关闭下拉框

Question

所以我有这个下拉框，我想在点击它外部时关闭它，我怎样才能得到它？

 $(document).ready(function(){
    jQuery('ul.nav li.dropdown').click(function() {
        jQuery(this).find('.dropdown-menu').fadeIn();

        $("#actionStatus").html("");


        });
        $("body:not(ul.nav li.dropdown)").hover(function(){
$("ul.nav li.dropdown").find('.dropdown-menu').fadeOut();
});

    $("#btnSendOption").click(function(){
        var data = $("#frmUserOption").serialize();
        $.ajax({
            url: "/users.php",
            data: data,
            success: function( data ) {
                $("#actionStatus").html("");
                $("input[type='radio']").attr('checked', false);
                $('.dropdown-menu').delay(1000).fadeOut();
            },
            error: function(data) {
                $("#actionStatus").html("<div class='alertMsg alertMsg-danger'>Error, try again later</div>");
            }
        });
    });
});

非常感谢任何帮助。预先感谢您。

Answer 1

你可以使用这个:

$("body:not(ul.nav li.dropdown)").hover(function(){
    $("ul.nav li.dropdown").find('.dropdown-menu').fadeOut();
})