對話方塊沒有關閉按鈕

如果你想顯示沒有關閉按鈕的對話方塊（即對話方塊右上角的 x 按鈕），可能是因為你想強制使用者在對話方塊中選擇一個選項或按鈕：

1-給你的對話方塊一個 CSS 類：

$("#selector").dialog({
    closeOnEscape: false,
    dialogClass: "dialog-no-close",
});

2-使用此 CSS 隱藏關閉按鈕：

.dialog-no-close .ui-dialog-titlebar-close {display: none; }

注意：如果要隱藏整個標題欄，請改用此 CSS：

.dialog-no-close .ui-dialog-titlebar {display: none; }

或者，你可以隱藏對話方塊初始化程式碼中的關閉按鈕：

$("#selector").dialog({
    closeOnEscape: false,
    open: function(event, ui) {
        $(".ui-dialog-titlebar-close", $(this).parent()).hide();
    }
});