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

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

解决方法

您可以添加主题中的ui-state-error类，如下所示：

$("#div-dialog-warning").dialog({
    title: t,buttons: {
        "Ok" : function () {
            $(this).dialog("close");
        }
    }
}).parent().addClass("ui-state-error");

由于对话框被包装，我们使用.parent()来获取包含标题栏的容器。你的主题看起来像flick所以here’s a demo showing that theme in action。