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

Posted 2023-03-06

【中文标题】如何使 jquery-ui-dialog 没有关闭按钮？

【英文标题】：How to make jquery-ui-dialog not have a close button?

【发布时间】：2012-02-23 23:58:38

【问题描述】：

我没有找到这个in the documentation。

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

【问题讨论】：

我很确定这是不可能通过参数切换的。在不关闭按钮/可能性的情况下提供对话框是没有意义的。出于可用性原因，这并不好。如果您出于设计目的需要它，可以通过 CSS 来实现。

@Smamatti - 对话框是向导的一部分，其中有一种方法可以继续 - 此时简单地关闭对话框不是一个选项。

这是***.com/questions/9093486/…的副本

重复***.com/questions/896777/…

@BarryChapman - wtf？不，真的不是。

【参考方案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 调用完成时将其关闭。