Как сделать диалог JQuery модальным?

Question

Я использую диалог jQuery в asp.net.Это работает нормально для меня.Проблема в том, что когда я открываю диалоговое окно, я все еще могу работать с функциями родительской страницы.Я не хочу этогоПросто диалог модальный и не должен позволять фокусироваться на родительской странице.

window.onload = function onloadFunction() {

        //setup edit person dialog
     $('#uploadPic').dialog({
             autoOpen: false,
             draggable: true,
             title: "Upload Picture",
             open: function(type, data) {
                 $(this).parent().appendTo("form");
             }
         });
     }

Есть ли способ сделать его модальным?Или если потерял фокус на диалоговом окне, закройте его автоматически?

Пожалуйста, помогите мне.

Answer 1

Использование

$('#uploadPic').dialog({
         autoOpen: false,
         modal: true,
         draggable: true,
         title: "Upload Picture",
         open: function(type, data) {
             $(this).parent().appendTo("form");
         }
     });
 }

Я только что добавил модальную опцию к вашему образцу.

Answer 2

Прочитайте документацию JQuery Ui Dialog в: http://docs.jquery.com/UI/Dialog

Существует опция с именем Modal, вот несколько примеров из документа:

Инициализировать диалог с указанным модальным параметром.

$( ".selector" ).dialog({ modal: true });

Получить или установить модальную опцию после инициализации.

//getter
var modal = $( ".selector" ).dialog( "option", "modal" );
//setter
$( ".selector" ).dialog( "option", "modal", true );