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... */
});
上一篇下一篇

猜你喜欢

热点阅读