如何制作jQuery对话框模态？

我在asp.net中使用jQuery对话框。 它对我来说很好。 问题是当我打开对话框时，我仍然可以使用父页面function。 我不希望这样。 只需对话框模态，不应该让焦点放在父页面上。

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

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

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