jQuery UI dialogs: how to close dialog when click outside?

Question

In docs I didn\'t see such information.

There are options to close dialog in such cases:

1) push Esc;

2) click on \"OK\" or \"Close\" buttons in the

Answer 1

If dialog is modal, then paste these 3 lines of code in the open function when you create your dialog options:

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