使用jquery简单封装的对话框

最新推荐文章于 2020-01-09 09:59:44 发布

_Dendy

最新推荐文章于 2020-01-09 09:59:44 发布

阅读量1.2k

点赞数

分类专栏： WEB前端文章标签： dialog jquery

本文链接：https://blog.csdn.net/z_Dendy/article/details/9383527

版权

WEB前端专栏收录该内容

10 篇文章 0 订阅

订阅专栏

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 = "<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";
	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
	});
	
}