jquery-ui - ダイアログの閉じるボタンを無効にする方法

Question

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

Answer 1

右上隅の「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();
   }
});

Answer 2

このようにすることもできます。

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

</ p>