JQuery UI对话框按钮无法正确显示

Question

我创建了一个新的ASP.NET-MVC 5项目，并添加了JQuery UI NUGET个包。 我试图关注JQuery网站上的tabs example节目，但我无法理解为什么我的对话框看起来像这样：

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

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

Answer 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）