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 信息提示弹框封装的主要内容，如果未能解决你的问题，请参考以下文章