http://jsfiddle.net/marcosfromero/aWyNn/

$('#yourdiv').                 // Get your box ...
  dialog().                    // ... and turn it into dialog (autoOpen: false also works)
  prev('.ui-dialog-titlebar'). // Get title bar,...
  find('a').                   // ... then get the X close button ...
  hide();                      // ... and hide it

罗伯特·麦克莱恩的回答对我不起作用。

然而，这对我来说确实有效：

$("#div").dialog({
   open: function() { $(".ui-dialog-titlebar-close").hide(); }
});

document.querySelector('.ui-dialog-titlebar-close').style.display = 'none'

隐藏按钮的最佳方法是使用其数据图标属性对其进行过滤：

$('#dialog-id [data-icon="delete"]').hide();

使用这个纯CSS行怎么样？我发现对于具有给定Id的对话框，这是最干净的解决方案：

.ui-dialog[aria-describedby="IdValueOfDialog"] .ui-dialog-titlebar-close { display: none; }

我最终发现这是有效的（请注意，第三行覆盖了打开的函数，该函数查找按钮并隐藏它）：

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

要隐藏所有对话框上的关闭按钮，也可以使用以下CSS：

.ui-dialog-titlebar-close {
    visibility: hidden;
}