如何制作 jQuery 对话框模式？

Question

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

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

请帮帮我。

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 的选项，这是来自 doc 的一些示例：

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

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

在初始化之后获取或设置模态选项。

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