在我的rails 3.1应用程序中，我正在显示一个简单的jquery-ui对话框，其中关闭按钮和大小夹点错位（请参阅下面的屏幕截图）。
代码：
HTML：
<p id="dialog">Hello</p>
JS：
$(function() {
$("#dialog").dialog();
});
非常基本的东西:)以下是我得到的结果：
Screenshot2（关闭按钮悬停）
请注意，在它们两个上，关闭按钮已跳到下面的一行，因此尺寸控制也是如此。
我使用ThemeRoller为我生成了一个阴天主题。我只下载了主题css +图像，因为rails已经捆绑了最近的jquery和jquery-ui库。
我检查了版本，它们是：
jQuery： 1.7.1
jQuery-UI： 1.8.16
jquery-ui-1.8.18.custom.css（theme css）： 1.8.18
下载主题文件时，我有两个选择：jquery 1.3.2和1.3.2+的主题。我有1.7.1，所以我下载了第二个。
还有一个有趣的事实是，在我的旧项目中，我有几乎相同的设置，除了我使用css版本1.8.14的主题和按钮到位！
我知道我可以切换到使用该主题，但是我没有选择使用ThemeRoller生成主题！我真的很喜欢。我确实检查了一些其他主题，但结果是相同的 - 错位的close和sizegrip按钮。
任何提示都会非常酷！ ：）
答案 0 :(得分：2)
我和你有同样的问题。我不得不重新下载CSS以包含Dialog。一旦我指向更新的CSS，一切都按预期工作。
