如何让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的对话框中的文件：http://docs.jquery.com/UI/Dialog

存在所谓的模态选项，这里是一些样本文档：

初始化一个对话框中指定的模式选项。

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

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

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