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

Question

我正在尝试来自 jquery UI 的对话框。所有在线演示都使用flora.css。我无法使用themeroller应用程序生成的 css 文件正确显示对话框。我错过了什么吗？这些东西应该开箱即用吗？

更新：谢谢布洛克。当我清理代码以制作示例时，我意识到 demo.html 中的 HTML（themeroller.zip附带）有点过于冗长。我需要做的就是为对话框 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

我认为这是因为您的课程不同。

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

即使使用植物主题，您仍然可以使用ui-dialog该类将其定义为对话框。

我以前做过模态，我什至从未在标签中定义过一个类。jQueryUI 应该会为您处理好这些。

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