如何在JQueryUI中禁用背景 - 模态表单?

时间:2011-10-05 19:53:30

标签: javascript asp.net-mvc jquery-ui

我刚刚开始使用jQuery和ASP.NET MVC。我想要JQuery站点示例中提到的相同模式形式 - http://jqueryui.com/demos/dialog/#modal-form

$("#divSchedule").dialog({ 
                          autoOpen: false,
                          show: "slide", 
                          modal: true   
                         });
$("#btn").click(function () {
    $("#divSchedule").dialog("open"); 
    return false;
});

对话框出现在页面上,但用户可以单击任何背景控件。你能否建议禁用(模糊)背景?它与CSS有关吗?

2 个答案:

答案 0 :(得分:4)

基本上你弄乱了对话框定义,试试这个http://jsfiddle.net/tctc2/1/

答案 1 :(得分:2)

他的问题的快速答案是: 使用modal: true以便

  1. 使背景更暗
  2. 禁用与后台功能的任何互动