如何使 jquery-ui-dialog 没有关闭按钮？答案

【问题标题】：How to make jquery-ui-dialog not have a close button?如何使 jquery-ui-dialog 没有关闭按钮？
【发布时间】：2012-02-23 23:58:38
【问题描述】：

我没有找到这个in the documentation。

我应该只用 css 制作关闭按钮 display:none，还是在 API 中有一种干净的方式来制作没有 X 按钮的对话框（右上角）？

【问题讨论】：

我很确定这是不可能通过参数切换的。在不关闭按钮/可能性的情况下提供对话框是没有意义的。出于可用性原因，这并不好。如果您出于设计目的需要它，可以通过 CSS 来实现。
@Smamatti - 对话框是向导的一部分，其中有一种方法可以继续 - 此时简单地关闭对话框不是一个选项。
这是stackoverflow.com/questions/9093486/…的副本
重复stackoverflow.com/questions/896777/…
@BarryChapman - wtf？不，真的不是。

标签： javascript jquery jquery-ui jquery-ui-dialog

【解决方案1】：

这可能会解决您的问题：

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

【讨论】：

【解决方案2】：

没有禁用“X”按钮的选项。您需要添加 css 以在加载和打开具有类“ui-icon-closethick”的元素时显示 none/hide()。

【讨论】：

我将通过dialogClass:foo静态应用css

【解决方案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');

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

【讨论】：