JS 信息提示弹框封装

Posted Mr Zhu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS 信息提示弹框封装相关的知识,希望对你有一定的参考价值。

// 功能提示弹框
function tipsBox ( option ) {
	var html = ‘‘;

	if ( option.type == ‘success‘ ) {
		html += ‘<div class="message-box-body" data-type="success">‘+ option.message +‘</div>‘;
	}
	else if ( option.type == ‘error‘ ) {
		html += ‘<div class="message-box-body" data-type="error">‘;
		html += ‘<span>‘ + option.message + ‘</span>‘;
		html += ‘</div>‘;
	}
	
	$(".common-dialog-box").empty().append(html);
	$(".common-dialog-box").addClass(‘show‘);

	// 延迟取消
	setTimeout(function () {
		$(".common-dialog-box").removeClass(‘show‘);
	});

}

  

以上是关于JS 信息提示弹框封装的主要内容,如果未能解决你的问题,请参考以下文章

vue中对element的弹框messagebox的二次封装

自己封装一个弹框插件

Thinkphp5结合layer弹框插件修改默认的提示信息

插件———弹框

回归 | js实用代码片段的封装与总结(持续更新中...)

如何使用js代码判断密码框少于6位字符