如何实现基于jQuery的简易对话框封装？

本文共计316个文字，预计阅读时间需要2分钟。

简单改写以下伪原创内容，不超过100字，直接输出结果：

实现jQuery封装对话框：定义图标CSS类变量，代码示例：变量alert_icon='tipmsg_icoInfo'；变量confirm_icon='tipmsg_icoConfirm'；错误图标CSS变量='tipmsg'。

jquery封装的对话框简单实现:代码如下:var_alert_iconCsstipmsg_icoInfo;var_confirm_iconCsstipmsg_icoConfirm 代码如下:

var _alert_icOnCss= "tipmsg_icoInfo"; var _confirm_icOnCss= "tipmsg_icoConfirm"; var _error_icOnCss= "tipmsg_icoError"; var _warning_icOnCss= "tipmsg_icoWarning"; function dialogInit(type, msg) { var icOnCss= ""; switch (type) { case "confirm" : icOnCss= _confirm_iconCss; break; case "error" : icOnCss= _error_iconCss; break; case "warning" : icOnCss= _warning_iconCss; break; default : icOnCss= _alert_iconCss; break; } var htmlStr = "

" + msg + "

"; return htmlStr; } function Alert(msg, okCallback) { var title = "提示"; var type = "alert"; var html = dialogInit(type, msg); var div = $("body").find("#"+type+"Div"); div.remove(); $('body').append($(html)); var buttOns= {"确定" : function () { if(okCallback) okCallback(); $(this).dialog("close"); } }; $("#"+type+"Div").dialog({ modal : true, title : title, buttons : buttons }); } function Confirm(msg, okCallback, cancelCallback) { var title = "确认"; var type = "confirm"; var html = dialogInit(type, msg); var div = $("body").find("#"+type+"Div"); div.remove(); $('body').append($(html)); var buttOns= {"确定" : function () { if(okCallback) okCallback(); $(this).dialog("close"); }, "取消" : function () { if(cancelCallback) cancelCallback(); $(this).dialog("close"); } }; $("#"+type+"Div").dialog({ modal : true, title : title, buttons : buttons }); } function Error(msg, okCallback) { var title = "错误"; var type = "error"; var html = dialogInit(type, msg); var div = $("body").find("#"+type+"Div"); div.remove(); $('body').append($(html)); var buttOns= {"确定" : function () { if(okCallback) okCallback(); $(this).dialog("close"); } }; $("#"+type+"Div").dialog({ modal : true, title : title, buttons : buttons }); } function Warning(msg, okCallback) { var title = "警告"; var type = "warning"; var html = dialogInit(type, msg); var div = $("body").find("#"+type+"Div"); div.remove(); $('body').append($(html)); var buttOns= {"确定" : function () { if(okCallback) okCallback(); $(this).dialog("close"); } }; $("#"+type+"Div").dialog({ modal : true, title : title, buttons : buttons }); }