javascript - 如何使 jquery 对话框与 themeroller 主题一起使用？

Question

我正在试用 jquery UI 中的对话框。全部在线demos使用 flora.css。我无法使用 themeroller 生成的 css 文件正确显示对话框应用。我错过了什么吗？这些东西应该开箱即用吗？

更新:谢谢 Brock。当我清理我的代码以制作示例时，我意识到 demo.html(随 themeroller.zip 一起提供)中的 HTML 有点太冗长了。我需要做的就是给对话框 div 属性 class="ui-dialog" ，如下所示:

<div id="SERVICE03_DLG" class="ui-dialog">please enter something<br><br>
<label for="something">somthing:</label>&nbsp;<input name="something" id="something" type="text" maxlength="20" size="24">
</div>

我会接受你的回答。感谢您的宝贵时间。

Answer 1

我认为这是因为你的类(class)不同。

<div id="SERVICE03_DLG" class="flora"> (flora)
<div id="SERVICE03_DLG" class="ui-dialog"> (custom)

即使使用 flora 主题，您仍然会使用 ui-dialog 类将其定义为对话框。

我以前做过模态，但我从来没有在标签中定义过类。 jQueryUI 应该会为您解决这个问题。

尝试摆脱 class 属性或使用 ui-dialog 类。