覆盖应用程序的Jquery警报

Question

如何在jquery中完美覆盖警报。在我的应用程序中，宽度不会随警报消息自动调整。            覆盖我的警报消息后我遇到的主要问题是没有留在屏幕上。当我提交页面时

$ .extend（{alert：function（message，title）{$（“”）。dialog（{buttons：{“OK”：function（）{$（this）.dialog（“close”）;} }，close：function（event，ui）{$（this）.remove（）;}，re sizable：false，title：title，modal：true}）。text（message）;}}）;

Answer 1

这是一个示例，可以帮助您“启动”自定义错误消息。一个工作示例在jsFiddle。

HTML

 <div id="errorMsg"></div>

的jQuery

function displayError(errTitle, errMsg) {
var modalWait = $("#errorMsg").dialog({
    title: errTitle,
    modal: true,
    resizable: false,
    buttons: {
        OK: function () {
            $(this).dialog("close");
        }
    },
    open: function () {
        $("#errorMsg").html(errMsg);
        $(".ui-dialog").css("text-align", "center").css("float", "none");
        $(".ui-dialog-buttonpane").css("text-align", "center").css("float", "none");
        $(".ui-dialog-buttonset").css("float", "none");

    },
    close: function () {
        $("#errorMsg").html("");
    }



});

}