如何让jquery-ui-dialog没有关闭按钮？

Question

我没有在文档中找到这个。

我应该只display:none关闭按钮display:none css，或者API中是否有一个干净的方式来创建没有X按钮的对话框（右上角）？

Answer 1

这可以解决您的问题：

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

Answer 2

没有选项可以禁用“X”按钮。 在加载和打开时，你需要添加css来显示无'/ hide（）元素'ui-icon-closethick'。

Answer 3

出于某种原因.hide（）对我不起作用。 这样做：

$('#divMsg').dialog({ title: 'Please wait...',
                      modal: true,
                      closeOnEscape: false,
                      open: function (event, ui) { $(".ui-dialog-titlebar-close", ui.dialog).css('display', 'none'); } }).text('Text To Display').css('background', 'white');

此代码段还显示了如何设置对话框的标题和文本 - 我将其用作模式通知窗口，并在我的AJAX调用完成时关闭它。