删除jQuery UI对话框小部件上的关闭按钮的最佳方法是什么？

Question

删除jQuery UI对话框上的关闭按钮的最佳方法是什么？

我不希望别人能够关闭对话框。

我通过处理代码角度来覆盖它：

closeOnEscape: false,
beforeclose: function (event, ui) { return false; }

我正在尝试不需要编写脚本来抓取关闭按钮的类/ id，然后手动隐藏它。而且我不想手动更改CSS，因为对话框可能有需要关闭按钮的情况。

我更喜欢以某种方式使用对话框配置，但要么我无法弄清楚如何操作，要么对话框根本不允许它。

有关如何配置对话框的任何建议吗？

Answer 1

我发现这是一个很好的解决方案

$("#myDialogID").dialog({
    closeOnEscape: false,
    beforeClose: function (event, ui) { return false; },
    dialogClass: "noclose"
});

不改变现有的样式，而是添加一个新位：

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

添加类最终成为一个非常优雅的方法，因为我将对话框“分类”为无法关闭的对象。

Answer 2

我找到了另一个解决方案，对我有用：

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