layer 自定义版本Confirm 弹窗


/**
 * layer 修改版本Confirm 弹窗
 * @author wangmutian
 */

//修改版本Confirm
(function($){

    function LayerConfirm(options){
        this.opts = $.extend({},LayerConfirm.DEFAULTS,options);
        this._initLayerOpen();
    }

    /**
     * 初始化
     * @private
     */
    LayerConfirm.prototype._initLayerOpen=function(){
        var options = this.opts;
        layer.open({
            type: 1,
            skin: 'conso-position', //layui-layer-rim  加上边框
            area: ['420px'], //宽高
            title:"提示",
            content: '<div class="main">\n' +
                '        <div class="conso-position-wrap">\n' +
                '           <div class="desc">'+options.desc+'</div>' +
                '        </div>\n' +
                '        <div class="conso-position-wrap-btn">\n' +
                '            <button class="'+options.btnCancelClass+'">取消</button>\n' +
                '            <button class="'+options.btnOkClass+'">确定</button>\n' +
                '        </div>\n' +
                '    </div>'
        });
        $("."+options.btnOkClass).click(options.btnOk);
        $("."+options.btnCancelClass).click(options.btnCancel);
    };

    /**
     * 默认值
     * @type {{btnCancel: btnCancel, btnOk: btnOk, btnOkClass: string, btnCancelClass: string, title: string, desc: string}}
     */
    LayerConfirm.DEFAULTS = {
        title:'提示', //提示
        desc:'',
        btnOkClass:"layerbtnOk",
        btnCancelClass:"layerBtnCancel",
        btnCancel:function(){
            //取消操作
            layer.closeAll();
        },
        btnOk:function(){
            LayerConfirm.DEFAULTS.btnCancel();
        }
    };




    // $.fn.extend -> $("#img").preload();
    // $.extend -> $.preload();
    $.extend({
        LayerConfirm:function(opts){
            new LayerConfirm(opts);
        }
    });

})(jQuery);

// $.LayerConfirm({
//     desc:"111",
//     btnOk:function(){
//         alert("咋样");
//     }
// });
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值