Cierre la ventana emergente de javascript haciendo clic en cualquier lugar

Soy super novato y necesito un consejo rápido. He instalado un complemento emergente basado en javascript en mi sitio de wordpress, que se abre automáticamente cuando alguien visita el sitio. Para cerrar la ventana emergente, el usuario deberá hacer clic en una cruz X en la esquina de la ventana emergente.

Necesito editar el complemento para que el usuario pueda hacer clic EN CUALQUIER LUGAR y el complemento se cerrará.

Aquí está el código javascript que encontré. algún consejo sobre esto?

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();
}   

Algo como esto debería hacerlo:

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

Si desea mantener el modal activo en la interacción con la ventana emergente:

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

Un ejemplo simple aquí: http://jsfiddle.net/wnT4G/

*Consulte los comentarios para ver algunas revisiones elegantes de @ComFreek

Yo uso un método bastante extraño, pero funciona:

$('.click-btn').click(function(){
   $('.modal').show(); //show popup
})

$('body').click(function(){
   $('.modal').hide(); //hide modal
})

$('.click-btn, .modal').click(function(e){
   e.stopPropagation; // don't close modal by clicking inside modal and by clicking btn
})

evento de usuario

function addEvent(action) {
    $("body").click(function() { action();});
}

function clearEvent() {
    $("body").off('click');
}

Quieres hacer esto:

$(document).click(function()
{
     popups_close();
})

$('Your selector of the popup').click(function(e)
{
    e.stopPropagation();          
})

.stopPropagation(); en realidad cancelará el .click() función que se activó al hacer clic en el documento. Entonces, cada vez que haga clic en cualquier parte del documento, la ventana emergente se cerrará, excepto cuando haga clic en la ventana emergente.

¡Espero que esto haya ayudado!

jsviolín

Creo que solo quieres establecer overlayClose y posiblemente escClose a la verdad Su complemento probablemente crea una superposición en la página para que los usuarios no puedan hacer clic en ningún otro lugar, así que supongo overlayClose: true obtendrá el complemento para cerrar el cuadro de diálogo cuando se haga clic en la superposición.

    escClose: true,
    overlayClose: true

No estoy seguro de qué plugin estás usando, pero Éste usa un clickClose propiedad.