Javascript 如何使jQuery对话框成为模态？

我正在asp.net中使用jQuery对话框。这对我来说很好。问题是当我打开对话框时，我仍然可以使用父页面功能。我不想那样。仅将对话框设置为模态，不应允许将焦点放在父页面上

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

有没有办法让它成为模态？或者如果在对话框上失去焦点，是否自动关闭

请帮帮我。

使用

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

---

我刚刚在您的示例中添加了模态选项。

请阅读以下JQuery Ui对话框的文档：

存在一个名为Modal的选项，以下是来自文档的一些示例：

使用指定的模式选项初始化对话框

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

获取或设置模式选项，在init之后

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

---

在这里查看有关此选项的文档：在init之后设置对话框模式对我不起作用