可以从 jquery UI 1.7 对话框中禁用 Dialog X 吗？答案

【问题标题】：Can the Dialog X be disabled from jquery UI 1.7 dialog boxes?可以从 jquery UI 1.7 对话框中禁用 Dialog X 吗？
【发布时间】：2009-11-09 23:59:50
【问题描述】：

当一个对话框弹出时，右上角有一个“X”。我想知道是否有禁用此选项的选项？

谢谢

【问题讨论】：

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

【解决方案1】：

更改 CSS 会影响其他对话框。

我在对话框定义中使用了以下内容，它在打开时执行：

open: function() {
            $(this).parent().children(':first').children('a').remove();
         },

【讨论】：

【解决方案2】：

“X”被放置在一个锚标记中，默认为class="ui-dialog-titlebar-close ui-corner-all ui-state-focus"。

您可以将display 设置为none。

a.ui-dialog-titlebar-close{
  display: none;
}

【讨论】：

我在我的站点中多次使用该对话框。我只想要它在一个实例中。所以我想我必须做一些 jquery 选择并删除它？我想也许有一些内置功能。
是的，因为它只针对一个实例，即使有选项，您仍然需要专门编码。据我从文档中得知，没有任何选项可以隐藏/显示默认关闭 (X) 按钮。

【解决方案3】：

或者，您可以将“showclose”逻辑传递给函数，让 open 方法逻辑为您决定。

    open: function(event, ui) {
      if (!showclose)
        $j(ui).find(".ui-dialog-titlebar-close").hide();
      else
        $j(ui).find(".ui-dialog-titlebar-close").show();
    }

这样您就可以选择在每次调用 $.dialog 时显示它。

【讨论】：