k-layer
v0.1.2
Published
a popup layer components
Downloads
1
Readme
k-layer
layer弹窗的代替插件,不依赖jquery
使用方法:
message提醒:
klayer.msg(/* 提醒内容 */, /* 提醒存在时间,单位ms,默认1000 */);
open弹窗:
klayer.open({
title: '提醒', //标题内容,默认“提醒”
content: DOM || 'hello world!', //提醒内容,支持直接挂载DOM元素
btn: ['btn1', 'btn2', 'btn3'], //按钮内容,数组形式可以添加多个按钮
hideClose: true, //是否隐藏关闭按钮,默认false
hideShadow: true, //是否隐藏遮罩层,默认false
skin: 'error', //添加自定义class名
direct: 'l', //弹窗出现位置:可选值有 l、t、b、r、lt、lb、rt、rb
success: function(id, dom) {}, //打开成功后的回调
btn1: function(id, dom) { //按钮的回调,接收参数为“弹窗编号”(可以用于js关闭弹窗)和弹窗DOM元素
console.log('btn1', id, dom);
},
btn2: function(id, dom) { //第二个按钮的回调,其余按钮的回调依次递增btn后的数字
console.log('btn2', id, dom);
},
btn3: function(id, dom) {
klayer.close(id); //关闭某一个弹窗
}.bind(this),
close: function(id, dom) {}, //关闭按钮的回调
end: function(id, dom) {} //弹窗被摧毁后的回调
});
loading加载:
var load = klayer.load(); //返还加载层id
close关闭:
klayer.load(klayerID); //指定要关闭的id
closeAll关闭所有弹窗:
klayer.closeAll(); //关闭所有弹出层