【发布时间】：2012-03-14 09:04:31
【问题描述】：
在我的 rails 3.1 应用程序中，我显示了一个简单的 jquery-ui 对话框，其中关闭按钮和大小夹子放错了位置（请参见下面的屏幕截图）。
代码：
html:
<p id="dialog">Hello</p>
JS：
$(function() {
$("#dialog").dialog();
});
非常基本的东西 :) 这是我得到的结果：
Screenshot2（关闭按钮悬停）
请注意，他们两个上的关闭按钮都跳到了下面的行，尺寸手柄也是如此。
我使用ThemeRoller 为我生成了一个阴天主题。我只下载了主题 css+images，因为 rails 已经捆绑了最近的 jquery 和 jquery-ui 库。
我检查了版本，它们是：
jQuery： 1.7.1
jQuery-UI： 1.8.16
jquery-ui-1.8.18.custom.css（主题 css）： 1.8.18
下载主题文件时，我有两个选择：jquery 1.3.2 和 1.3.2+ 的主题。我有 1.7.1，所以我下载了第二个。
还有一个有趣的事实是，在我的旧项目中，我的设置几乎相同，只是我使用带有 css 版本 1.8.14 的主题和按钮！
我知道我可以切换到使用该主题，但是我无法选择使用 ThemeRoller 生成主题！我真的很想。我确实检查了其他一些主题，但结果是一样的 - 关闭和 sizegrip 按钮放错了位置。
任何提示都会很酷！ :)
【问题讨论】：
-
如果没有所有代码，很难解决一些 CSS 问题。也许你需要检查它并自己找到。
-
嗯。好的。我只是发布了这个，以防有人已经遇到过这样的问题。我想我必须将旧主题的 css 与新主题的 css 进行比较......真正困扰我的是它是一个干净的项目，没有应用 css 自定义。主题也是一个股票。所以我想这可能是一些已知的 jquery-ui/主题问题...
标签： ruby-on-rails css jquery-ui themes themeroller