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

Posted 2023-05-08

【中文标题】如何使 jquery 对话框与 themeroller 主题一起使用？

【英文标题】：How do I make the jquery dialog work with the themeroller themes?

【发布时间】：2010-09-07 19:00:44

【问题描述】：

我正在尝试来自 jquery UI 的对话框。所有在线demos 使用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>

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

【问题讨论】：

解决方法在a similar question我贴：

【参考方案1】：

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

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

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

我以前做过模态，我什至从未在标签中定义过一个类。 jQueryUI 应该会为您解决这个问题。

尝试去掉 class 属性或使用 ui-dialog 类。