欢迎来到山村网

jquery封装的对话框简单实现

2019-03-02 10:13:55浏览:313 来源:山村网   
核心摘要:本文为大家详细介绍下使用jquery简单实现封装的对话框,具体实现代码如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助复制代
本文为大家详细介绍下使用jquery简单实现封装的对话框,具体实现代码如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助复制代码 代码如下:


var _alert_iconCss = "tipmsg_icoInfo";
var _/confirm/i_iconCss = "tipmsg_ico/confirm/i";
var _error_iconCss = "tipmsg_icoError";
var _warning_iconCss = "tipmsg_icoWarning";
function dialogInit(type, msg) {
var iconCss = "";
switch (type) {
case "/confirm/i" : iconCss = _/confirm/i_iconCss; break;
case "error" : iconCss = _error_iconCss; break;
case "warning" : iconCss = _warning_iconCss; break;
default : iconCss = _alert_iconCss; break;
}

var htmlStr = "<div id='" + type + "Div' style='display: none;'><p><span class='" + iconCss + "' style='float:left; margin:0 7px 50px 0;width:35px;height:35px;'></span>" + msg + "</p></div>";
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/i";
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
});

}

(责任编辑:豆豆)
下一篇:

jquery animate实现鼠标放上去显示离开隐藏效果

上一篇:

Delphi编程创建和删除文件夹

  • 信息二维码

    手机看新闻

  • 分享到
打赏
免责声明
• 
本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们 xfptx@outlook.com