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

具有不同主题的多个jquery ui对话框,jquery,jquery-ui-dialog,Jquery,Jquery Ui Dialog,IHAC希望有两个jqueryui对话框,每个对话框都有自己的主题。我尝试过这样创建html: <div id="popupDialog" title="Information"> <div id="popupMessage"></div> </div> <div id="errorDialog" title="Error" class="error"> <div id="errorMessage"><

IHAC希望有两个jqueryui对话框,每个对话框都有自己的主题。我尝试过这样创建html:

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

然后我从theme roller下载了两个主题,其中一个是CSS作用域#errorDialog(我还尝试了.error,并在我的#errorDialog中添加了一个“error”类)。我已经包含了两个主题css,并创建了两个不同的js函数来激活这两个对话框。问题是,整个#error对话框在显示时(包括我的CSS作用域)似乎都被破坏了,留给我的是第一个包含的CSS的主题

我是否误解了CSS的作用域?谁能给我一些线索,让我有两个不同主题的对话

提前谢谢


/CJ

在我发布问题后,我立即找到了这个答案: