JQuery UI 对话框按钮未正确显示答案

【问题标题】：JQuery UI dialog buttons not displaying rightJQuery UI 对话框按钮未正确显示
【发布时间】：2014-08-22 03:29:23
【问题描述】：

我创建了一个新的ASP.NET-MVC 5 项目并添加了JQuery UI NUGET 包。我正在尝试关注 JQuery 网站中的 tabs example 显示，但我无法弄清楚为什么我的对话框看起来像这样：

示例中的对话框如下所示（查看按钮）：

HTML 与网站中的完全相同。
我试图查找 CSS 和 JS 错误但找不到任何错误。
这在 FireFox 和 IE9 中都会发生。

【问题讨论】：

@florin.prisecariu 对话框是标签示例的一部分
在创建对话框时是否添加按钮（作为js代码）？
@florin.prisecariu 不，我从 JQuery 复制了整个内容

标签： css jquery-ui asp.net-mvc-5 nuget

【解决方案1】：

尝试像这样创建对话框按钮

var dialog = $( "#dialog" ).dialog({
   autoOpen: false,
   modal: true,
   buttons: {
      Add: function() {
         //some function to describe what happens when clicking on Add
         $( this ).dialog( "close" );
      },
      Cancel: function() {
         $( this ).dialog( "close" );
      }
   }
});

如果你这样做了但它不起作用，请尝试检查你是否正确下载了 jQuery UI 的 css。该按钮将具有“ui-button”、“ui-widget”之类的类......按钮确实有这些类吗？如果是，请检查是否有它们的 css 文件（jquery-ui.css）

【讨论】：