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

Question

我没有找到in the documentation。

我应该只用css制作关闭按钮display:none，还是在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调用完成时关闭它。