Il existe plusieurs méthodes, celle que j’utilise se fait à l’évènement hide, avec la propriété modal d’activé, j’applique un css pour enlever l’opacité par defaut (facultatif…)
1 2 3 4 5 6 7 8 9 10 11 12 |
$("#dialog1").dialog({ open: function(event, ui){ modal: true, jQuery('.ui-widget-overlay').bind('click',function(){ jQuery('#dialog1').dialog('close'); }) $(".ui-widget-overlay").css({ opacity: 0, filter: "Alpha(Opacity=0)" }); } }); |
Toutes les options du dialogue
https://api.jqueryui.com/dialog/