创建更严肃的jQuery错误对话框？

Question

是否有一个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");
        }
    }
});

Answer 1

您可以添加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()用来获取包含标题栏的容器.你的主题看起来像是轻弹,所以这里是一个演示主题在行动的演示.

Answer 2

我知道这是旧的,但实际上,更适合使用内置的"dialogClass"选项,如下所示:

$("#div-dialog-warning").dialog( {
    buttons: {
        "Ok" : function () {
            $(this).dialog("close");
        }
    },
    dialogClass: "error",
    height: 160,
    modal: true,
    resizable: false,
    title: t
} );