我迟到了一段时间，但我要让你大吃一惊，准备好了吗？

发生这种情况的原因是因为您在调用 jquery-ui 之后调用了 bootstrap。

从字面上看，交换两者，而不是：

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="js/bootstrap.min.js"></script>

它成为了

<script src="js/bootstrap.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

:)

编辑 - 26/06/2015 - 几个月后这一直吸引着人们的兴趣，所以我认为值得编辑。我实际上非常喜欢此答案下方的评论中提供的 noConflict 解决方案，并由用户 Pretty Cool 作为单独的答案进行了澄清。因为有些人报告了交换脚本时引导程序工具提示的问题。但是我没有遇到这个问题，因为我下载了没有工具提示的 jquery UI，因为我不需要它，因为 bootstrap。所以这个问题从来没有出现在我身上。

编辑 - 22/07/2015 - 不要jquery-ui与jquery! 虽然 Bootstrap 的 JavaScript 需要事先加载 jQuery，但它不依赖于 jQuery-UI。所以jquery-ui.js可以在 之后加载bootstrap.min.js，而jquery.js总是需要在 Bootstrap 之前加载。

这是对最佳答案的评论，但我觉得值得自己回答，因为它帮助我回答了问题。

如果您想在 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

这似乎是 jQuery 发布方式中的一个错误。您可以通过对Dialog Open事件进行一些 dom 操作来手动修复它：

$("#selector").dialog({
    open: function() {
        $(this).closest(".ui-dialog")
        .find(".ui-dialog-titlebar-close")
        .removeClass("ui-dialog-titlebar-close")
        .html("<span class='ui-button-icon-primary ui-icon ui-icon-closethick'></span>");
    }
});

我发现了三个修复：

1. 您可以先加载引导程序。他们加载 jquery-ui。但这不是个好主意。因为您会在控制台中看到错误。

2. 这：

   var bootstrapButton = $.fn.button.noConflict();
   $.fn.bootstrapBtn = bootstrapButton;
   

   有帮助。但其他按钮看起来很糟糕。现在我们没有引导按钮。

3. 我只想使用 bootsrap 样式，而且我想有一个带有图标的关闭按钮。我做了以下工作：

   修复后关闭按钮的外观

   .ui-dialog-titlebar-close {
       padding:0 !important;
   }
   
   .ui-dialog-titlebar-close:after {
       content: '';
       width: 20px;
       height: 20px;
       display: inline-block;
       /* Change path to image*/
       background-image: url(themes/base/images/ui-icons_777777_256x240.png);
       background-position: -96px -128px;
       background-repeat: no-repeat;
   }
   

这在 1.10 中报告为已损坏

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

philip 在 2013 年 1 月 29 日上午 7:36 说： 在 CDN 版本中，对话框关闭按钮丢失。只有按钮标签，span ui-icon 是missong。

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