个性化类中的JQuery UI对话框

我有一个应用了class=“dialog error”的div。在jQuery中，我给这个div分配了一个对话框，如下所示：$（'.dialog error'）.dialog（{}）

我希望能够只针对和修改属于我的“dialog error”类的ui类，因此我尝试：

.dialog error.ui对话框标题栏{
背景色：红色；
背景图像：无；
颜色：白色；
字体大小：小；
}
.dialog错误.ui对话框按钮面板{
字号：0.8em；
} 

但这些都不适用。如何仅针对属于我的类的UI类

我试图实现的是至少有两个不同的类别（如：错误对话和成功对话），并通过更改div的类来来回切换。 多谢

jquery代码：

$('.dialog-error').dialog({
                resizable: false,
                height: 200,
                width: 350,
                modal: true,
                dialogClass: "dialog-error", //use this to affect the css 
                title: "Missing Information!",
                buttons: {
                    "Back": function() {
                        $(this).dialog("close");
                    }
                }

            });

HTML代码：

<div class = "dialog-error" style = "display:none;"></div>

---

按照建议添加了“dialogClass:”对话框错误“行，但现在ui对话框根本不会显示

如果我记得很清楚，jqueryui首先从DOM中删除div，然后创建一个新的div，并将原始div放在内容区域中。您的CSS类没有应用，因为您的div在对话框中，而不是包装它

要满足您的需求，请在初始化模式时尝试设置dialogClass选项

---

参见：

samuel，谢谢你的回答……你能给我举个例子吗？@Nactus这个例子在我的评论中Edward，谢谢你的演示，所以dialogClass:必须存在才能覆盖，或者更好地说，将ui类重定向到我自己的类，对吗？谢谢Edward，这正是我的意思！另外，您可以随时使用以下调用切换样式：$（“.your dialog div”）.dialog（“option”、“dialogClass”、“new dialog class”）；谢谢你，爱德华。回答投票。我正在测试，我会带着结果回来的。