对话框没有关闭按钮

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