Boîte de dialogue JQuery UI: Comment fermer la boîte de dialogue lorsque vous cliquez à l'extérieur?

J'ai trouvé une solution sur ryanjeffords.com :

<script type="text/javascript">

    $(document).ready(function() {

        $("#dialog").dialog();

        $('.ui-widget-overlay').live("click",function(){
            $("#dialog").dialog("close");
        });    
    });   
</script>

Voici 2 autres solutions pour des dialogues non modales:

Si la boîte de dialogue est la méthode non modale 1: Méthode 1: http://jsfiddle.net/jasonday/xpkff/ xxx

Méthode de dialogue non modale 2: http://jsfiddle.net/jasonday/ecckr/ XXX

Face au même problème, j'ai créé un petit plug-in qui permet de fermer une boîte de dialogue lors de la clic sur l'extérieur, qu'il s'agisse d'une boîte de dialogue modale ou non modale. Il prend en charge une ou plusieurs dialogues sur la même page.

Plus d'informations sur mon site Web ici: HTTP : //www.coheractio.com/blog/clusing-jquery-ui-dialog-widget-Quant-Clicking-Side

Le plugin est également sur github: https://github.com/coheractio/jQuery -UI-Dialog-ClickOutSide

laurent

Ceci est ma solution.

J'ai, par exemple xxx

chaque div est ouvert sous forme de boîte de dialogue en fonction de ce que l'utilisateur interagit avec. Donc, être capable de fermer l'un actif actuellement, je le fais. xxx

Si la boîte de dialogue est modale, puis collez ces 3 lignes de code dans la fonction Ouvrir code> lorsque vous créez vos options de dialogue:

open: function(event,ui) {
    $('.ui-widget-overlay').bind('click', function(event,ui) {         
        $('#myModal').dialog('close');
    });
}