创建更严重的外观jQuery错误对话框？
创建更严重的外观jQuery错误对话框？
提问于 2010-10-25 23:32:53
有没有jQuery UI类可以用来创建比下面的对话框更严重的错误对话框？
这是我们用来创建对话框的HTML：
<div style="display:none" id="div-dialog-warning">
<p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span><div/></p>
</div>这就是我们展示它的方式：
$("#div-dialog-warning").dialog({
title: t,
resizable: false,
height: 160,
modal: true,
buttons: {
"Ok" : function () {
$(this).dialog("close");
}
}
});回答 3
Stack Overflow用户
回答已采纳
发布于 2010-10-25 23:37:52
您可以添加主题中的ui-state-error类，如下所示：
$("#div-dialog-warning").dialog({
title: t,
resizable: false,
height: 160,
modal: true,
buttons: {
"Ok" : function () {
$(this).dialog("close");
}
}
}).parent().addClass("ui-state-error");由于对话框被包装，我们使用.parent()来获取容器，包括标题栏。你的主题看起来像flick so here's a demo showing that theme in action。
Stack Overflow用户
发布于 2011-12-10 22:39:42
我知道这很旧，但实际上，它更适合使用内置的"dialogClass“选项，如下所示：
$("#div-dialog-warning").dialog( {
buttons: {
"Ok" : function () {
$(this).dialog("close");
}
},
dialogClass: "error",
height: 160,
modal: true,
resizable: false,
title: t
} );Stack Overflow用户
发布于 2017-02-05 03:32:53
jQuery的1.12版本中不推荐使用dialogClass (http://api.jqueryui.com/dialog/#option-dialogClass)
改用classes (http://api.jqueryui.com/dialog/#option-classes)
因此，对于>= v1.12，应该是：
$("#div-dialog-warning").dialog({
title: t,
resizable: false,
height: 160,
modal: true,
classes: {
"ui-dialog": "ui-state-error"
},
buttons: {
"Ok" : function () {
$(this).dialog("close");
}
}
});查看所有支持主题的部分的http://api.jqueryui.com/dialog/#theming
以及所有css类的http://api.jqueryui.com/theming/css-framework/。
(不包括。(值字符串中的点)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4016163
复制相关文章
相似问题