仅在已显示Div时才隐藏它

Question

如果用户点击页面弹出框上的任何其他位置，我需要隐藏弹出窗口：可见并不适合我

$(document).ready(function() {
                            $(".popupbox").hide();
                        });
                         $(".ribbon").click(function() {
                            $(".popupbox").toggle();
                        })
                      $(".popupbox img").click(function() {
                            $(".popupbox").hide();
                        })

                      $("body").click(function() {
                            $(".popupbox:visible").hide();

                        })

Answer 1

$("body"):not('.popupbox, .popupbox *').click(function() {
    $(".popupbox:visible").hide();
})

Answer 2

尝试使用$(".popupbox").css("display", "none");代替$(".popupbox:visible").hide();