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

前端之家收集整理的这篇文章主要介绍了创建更严重的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

猜你在找的jQuery相关文章