对话框没有关闭按钮

如果你想显示没有关闭按钮的对话框（即对话框右上角的 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();
    }
});