jquery - 创建看起来更严重的 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()获取包含标题栏的容器。您的主题看起来像 flick所以here's a demo showing that theme in action .