jquery - 具有不同主题的多个 jquery ui 对话框

Question

IHAC 想要两个 jquery ui 对话框，每个对话框都有来自主题滚轮的自己的主题。我试过像这样创建html：

<div id="popupDialog" title="Information">
    <div id="popupMessage"></div>
</div>
<div id="errorDialog" title="Error" class="error">
    <div id="errorMessage"></div>
</div>

然后我从主题滚轮下载了两个主题，用 CSS Scope #errorDialog 限制其中一个（我也尝试过使用 .error 并在我的 #errorDialog 中添加一个“错误”类）。我已经包含了两个主题 css 并创建了两个不同的 js 函数来激活任一对话框。问题是，似乎整个#errorDialog 在显示时都被破坏了，包括我的CSS Scope，让我留下了第一个包含的css 的主题。

我误解了 CSS Scope 还是什么？谁能给我一些线索，让我有两个不同主题的不同对话？

提前致谢！

./CJ

Answer 1

Immediatly after I posted the question I found this answer:

http://filamentgroup.com/lab/using_multiple_jquery_ui_themes_on_a_single_page/#commentNumber3