我也有这个问题。下面是为关闭按钮插入的代码:

当我关闭按钮上的style="display:none:"时，就会出现关闭按钮。所以出于某种原因，显示:没有;已经准备好了，我不知道怎么控制它。因此，解决这个问题的另一种方法可能是简单地重写显示:none。但我不知道该怎么做。

我注意到KyleMit发布的答案确实有效，但使X按钮看起来不同。

我还注意到，这个问题并不会影响我页面上的所有对话框，只会影响一部分对话框。一些对话框按预期工作;其他的没有标题(即，包含标题的span是空的)，而关闭按钮是存在的。

我在想有些事情是严重错误的，现在可能不是1.10.x的时候。

但经过进一步的工作，我发现在某些情况下，标题设置不正确，在修复这个问题后，X关闭按钮重新出现。

我曾经这样设置标题:

('#ui-dialog-title-ac-popup').text('Add Admin Comments for #' + $ac_userid);

id不存在于我的代码，但显然是由jquery从ac-popup和ui-dialog-title创建的。有点拼凑。但正如我所说的那样，这已经行不通了，我不得不使用以下方法:

$('.ui-dialog-title').text('Add Admin Comments for #' + $ac_userid);

这样做之后，丢失按钮的问题似乎有所好转，尽管我不确定它们是否一定相关。

我使用jQuery UI 1.8.17和我有同样的问题，加上我有额外的css样式表应用到页面上的东西，包括 titlebar颜色。因此，为了避免任何其他问题，我使用下面的代码针对确切的ui元素:

$("#mydialog").dialog('widget').find(".ui-dialog-titlebar-close").hide();    
$("#mydialog").dialog('widget').find('.ui-icon ui-icon-closethick').hide();

然后我在对话框本身的属性中添加了一个关闭按钮: .．.

modal : true,
title: "My Dialog",
buttons: [{text: "Close", click: function() {$(this).dialog("close")}}],
...

出于某种原因，我必须同时瞄准这两种道具，但它确实有效!

这在1.10中被打破

http://blog.jqueryui.com/2013/01/jquery-ui-1-10-0/

phillip在2013年1月29日早上7:36说:在CDN版本中 对话框关闭按钮缺失。只有按钮标签，span Ui-icon是错误的。

我下载了以前的版本，关闭按钮的X显示了回来。

  just add in css
 .ui-icon-closethick{
 margin-top: -8px!important;
margin-left: -8px!important;

}

这是对上面答案的评论，但我觉得它值得有一个单独的答案，因为它帮助我回答了这个问题。

如果你想在JQuery UI之后声明Bootstrap(我这样做是因为我想使用Bootstrap工具提示)，声明以下内容(我在$(document).ready之后声明)将允许按钮再次出现(答案来自https://stackoverflow.com/a/23428433/4660870)

var bootstrapButton = $.fn.button.noConflict() // return $.fn.button to previously assigned value
$.fn.bootstrapBtn = bootstrapButton            // give $().bootstrapBtn the Bootstrap functionality

如果你在js函数中调用dialog()，你可以使用下面的引导按钮冲突代码

 <div class="row">
   <div class="col-md-12">
       <input type="button" onclick="ShowDialog()"  value="Open Dialog" id="btnDialog"/>
   </div>
</div>

<div style="display:none;" id="divMessage">
    <table class="table table-bordered">
        <tr>
            <th>Firstname</th>
            <th>Lastname</th>
            <th>Age</th>
        </tr>
        <tr>
            <td>Giri</td>
            <td>Prasad</td>
            <td>25</td>
        </tr>
        <tr>
            <td>Bala</td>
            <td>Kumar</td>
            <td>24</td>
        </tr>
    </table> 
</div>



<script type="text/javascript">
    function ShowDialog()
    {
        if (typeof $.fn.bootstrapBtn =='undefined') {
            $.fn.bootstrapBtn = $.fn.button.noConflict();
        }

        $('#divMessage').dialog({
            title:'Employee Info',
            modal:true
        });
    }
    </script>