Jquery ui jQueryUI对话框-未为按钮生成样式

我使用以下代码显示带有jQuery UI的对话框：

var $dialog = $('<div></div>')
.text(msg)
.dialog({
    autoOpen: false,
    height: 140,
    modal: true,
    title: "Confirm",
    buttons: {
        "Yes": function() {
            $(this).dialog('close');
        },
        "Cancel": function() {
            $(this).dialog('close');
        }
    }
});
$dialog.dialog('open');

var$dialog=$（“”）
.text（msg）
.对话({
自动打开：错误，
身高：140，
莫代尔：是的，
标题：“确认”，
按钮：{
“是”：函数（）{
$（this.dialog（'close'）；
},
“取消”：函数（）{
$（this.dialog（'close'）；
}
}
});
$dialog.dialog（'open'）；

但是，按钮没有样式。我注意到为按钮生成的HTML是：

<div class="ui-dialog-buttonset">
    <button>Yes</button>
    <button>Cancel</button>
</div>

对
取消

从jQuery UI演示中可以看到：

<div class="ui-dialog-buttonset">
    <button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false"><span class="ui-button-text">Ok</span></button>
    <button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false"><span class="ui-button-text">Cancel</span></button>
</div>

好啊
取消

即缺少CSS样式。

---

你知道为什么吗？

可能是因为CSS文件丢失了？你真的包括他们吗？然后使用firebug或httpfox查看某个地方是否有404

---

编辑：我包含一个jQuery ui css，如下所示：

如果您使用Bootstrap和JQueryUI，那么jQuery-ui.js必须包含在Bootstrap.js之后。

您插入了jQuery ui样式表吗？它通常类似于jquery.ui.all.css。@是的，这是我错过的按钮JS脚本：）除此之外，我建议确保你的jquery-ui.JS也有按钮脚本：有所有的ui元素。@WSkid你说得对！谢谢！我猜这是因为我在下载jQueryUI自定义JS时没有选择“按钮”小部件。当使用您提到的GoogleAjax库中的jQueryUIJS时，它是有效的。