jquery でカプセル化されたダイアログ box_jquery の簡単な実装

复制代 代码如下:

var _alert_iconCss = "tipmsg_icoInfo";
var _confirm_iconCss = "tipmsg_icoconfirm";
var _error_iconCss = "tipmsg_icoError";
var _warning_iconCss = "tipmsg_icoWarning";
関数 DialogInit(type, msg) {
var iconCss = "";
switch (type) {
case "confirm" : iconCss = _confirm_iconCss;壊す;
ケース "エラー" : iconCss = _error_iconCss;壊す;
ケース "警告" : iconCss = _warning_iconCss;壊す;
デフォルト: iconCss = _alert_iconCss;壊す;
}

var htmlStr = "

" msg "

";
htmlStr を返します。
}
function Alert(msg, okCallback) {
var title = "提案";
var type = "アラート";
var html = DialogInit(type, msg);
var div = $("body").find("#" type "Div");
div.remove();
$('body').append($(html));

var button = {"确定" : function () {
if(okCallback) okCallback();
$(this).dialog("close");
}
};

$("#" type "Div").dialog({
modal : true,
title : タイトル,
buttons : ボタン
});
}
function confirm(msg, okCallback, cancelCallback) {
var title = "确认";
var type = "確認";
var html = DialogInit(type, msg);
var div = $("body").find("#" type "Div");
div.remove();
$('body').append($(html));

var button = {"确定" : function () {
if(okCallback) okCallback();
$(this).dialog("close");
},
"取消" : function () {
if(cancelCallback) cancelCallback();
$(this).dialog("close");
}
};
$("#" type "Div").dialog({
modal : true,
title : タイトル,
buttons : ボタン
});
}
function Error(msg, okCallback) {
var title = "错误";
var type = "エラー";
var html = DialogInit(type, msg);
var div = $("body").find("#" type "Div");
div.remove();
$('body').append($(html));

var button = {"确定" : function () {
if(okCallback) okCallback();
$(this).dialog("close");
}
};

$("#" type "Div").dialog({
modal : true,
title : タイトル,
buttons : ボタン
});
}
function Warning(msg, okCallback) {
var title = "警告";
var type = "警告";
var html = DialogInit(type, msg);
var div = $("body").find("#" type "Div");
div.remove();
$('body').append($(html));

var button = {"确定" : function () {
if(okCallback) okCallback();
$(this).dialog("close");
}
};

$("#" type "Div").dialog({
modal : true,
title : タイトル,
buttons : ボタン
});

}