如何在对话框中禁用关闭按钮

时间:2012-08-06 10:40:18

标签: jquery-ui jquery

 jQ('#dvShiftDialog').dialog({
                        title : 'Confirm',
                        modal : true,
                        draggable : false,
                        resizable : false,
                        disabled : false,
                        closeOnEscape : false,
                        width : 400,
                        height : 325,
                        close : function() {
                            jQ('#dvShiftDialog').dialog("destroy");
                            jQ('#dvShiftDialog').remove();
                            jQ('div.ui-dialog').remove();
                        }
                    });

2 个答案:

答案 0 :(得分:2)

如果您指的是右上角的“X”(因为,根据您的代码,您在技术上没有任何“按钮”),您可以使用以下内容:

open: function(e, ui) {
    jQ(this).siblings(".ui-dialog-titlebar").children(".ui-dialog-titlebar-close").hide();
}

将其放在您的函数中,如下所示:

jQ('#dvShiftDialog').dialog({
    title: 'Confirm',
    modal: true,
    draggable: false,
    resizable: false,
    disabled: false,
    closeOnEscape: false,
    width: 400,
    height: 325,
    close: function() {
        jQ('#dvShiftDialog').dialog("destroy");
        jQ('#dvShiftDialog').remove();
        jQ('div.ui-dialog').remove();
    },
   open: function(e, ui) {
       jQ(this).siblings(".ui-dialog-titlebar").children(".ui-dialog-titlebar-close").hide();
   }
});

答案 1 :(得分:0)

你也可以这样做......

$('#dvShiftDialog').dialog({
    title : 'Confirm',
    modal : true,
    width : 400,
    height : 325,
    open: function(event, ui) {
        $(this).parent().find(".ui-dialog-titlebar-close").hide();
    }
});