通过单击任意位置关闭javascript弹出窗口

Question

我是超级新手，需要快速咨询。我已经在wordpress网站上安装了基于JavaScript的弹出式插件，当有人访问该网站时，女巫会自动打开。要关闭弹出窗口，用户必须单击弹出窗口角落的叉号X。

我需要编辑插件，以便用户可以单击ANYWHERE，然后插件将关闭。

这是我找到的javascript代码。有什么提示吗？

function open_lightbox(){
    //var closebut = (typeof(ujiPopups) !== 'undefined' && ujiPopups != null && ujiPopups.showclose && ujiPopups.showclose == "true") ? true : false;
    jQuery("#popup").modal({
        onOpen: function (dialog) {
            dialog.overlay.fadeIn('fast');
            dialog.data.hide();
            dialog.container.show('fast', function () {
                dialog.data.fadeIn('slow');  
            }); 
        },
        autoResize: false,
        autoPosition: true,
        escClose: false,
        zIndex: 999999,
        overlayClose: false
    });     
}

function popups_close(){
    jQuery.modal.close();
    jQuery("#popup").remove();
}   

Answer 1

这样的事情应该做到：

$(document).click(function() { 
    if($('#popup').is(':visible')) {
        popups_close();
    }
});

如果您希望在与弹出窗口本身交互时保持模式有效：

$(document).click(function(e) {
    if (!$(e.target).is("#popup")) {
        if ($('#popup').is(':visible')) {
            popups_close();
        }
    }
});

一个简单的例子在这里：http : //jsfiddle.net/wnT4G/

*检查评论，以@ComFreek进行一些优雅的修订