/**
* 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("咋样");
// }
// });
layer 自定义版本Confirm 弹窗
最新推荐文章于 2023-05-02 21:58:19 发布