javascript 封装个简易的弹窗提示插件
2016-08-13 本文已影响109人
丶梵天
本人实际开发中写的一些东西,作为记录,方便日后查阅和分析
var dialog = (function(text,callback) {
/* 创建HTML结构 */
var html = '<div class="dialog">\
<div class="dialog-wrap">\
<div class="dialog-body">{{text}}</div>\
<div class="dialog-btn" id="btnOk">OK</div>\
</div>\
</div>';
/* 添加到body里面,并且替换掉提示内容 */
$('body').append(html.replace(/{{text}}/, text));
/* 绑定事件 */
$('.dialog').find('#btnOk').on('tap', function(){
/* 判断callback是否存在,并且callback类型是function */
if(callback && typeof callback === 'function')
callback();
$('.dialog').remove(); /* 点击确定按钮后,remove掉弹窗 */
});
});
调用方式:
/* 弹出消息 */
dialog('弹出消息');
/* 回调 */
dialog('弹出消息', function(){
/* callback... */
});