JQuery UI对话框模式禁用选项不起作用

时间:2012-05-24 10:36:13

标签: jquery jquery-ui jquery-ui-dialog

我似乎有一个奇怪的问题,我想知道是否有其他人遇到过此问题,或者可以看到我出错的地方。

我有一个jquery ui对话框模式,当我初始化它时,我将disabled标志设置为true,因为我不希望它显示,直到被用户调用。 这是我使用的代码:

function wkgp_config_modal(aWorkgroup, isDisabled){
    $("#wkgp_config_modal").dialog({disabled: isDisabled,
            height: 100,
            modal: true,
            title: aWorkgroup+" config setup",
            resizable:false,
            overlay:{opacity:0,
                     background:"white"}
    });
}

此函数从我的init.js文件调用

$(document).ready(function() {
  wkgp_config_modal("test", false);
  //other code here not related to issue
}

该函数被调用,所有其他设置如resizable都是正确的,我只是不确定我做错了什么,任何建议都会很棒。

1 个答案:

答案 0 :(得分:1)

我不是100%确定disabled选项应该做什么。我认为当你试图调用它的方法时,它会阻止你做对话。

为避免在创建时立即打开对话框,您可以将autoOpen选项设置为false

var wkgp_config_modal = function (aWorkgroup, autoOpen) {
    //default autoOpen to true
    autoOpen = (typeof autoOpen !== 'boolean' || autoOpen);

    //alternatively, default autoOpen to false
    //autoOpen = (typeof autoOpen === 'boolean' && autoOpen);

    $('#wkgp_config_modal').dialog({
            autoOpen: autoOpen,
            height: 100,
            modal: true,
            title: aWorkgroup + ' config setup',
            resizable:false,
            overlay:{
                opacity:0,
                background:"white"
            }
    });
};