使用时引入require_layer.html即可
范例:
layer.open({
type: 1,
skin: 'demo-class',
area: ['500px', '300px'],
offset: ['100px', '200px'],
btn: ['按钮1', '按钮2', '按钮3', …],
yes: function(index, layero){
//do something
layer.close(index); //如果设定了yes回调,需进行手工关闭
}
cancel: function(){},
btn3: function(){},
success: function(layero, index){ //弹窗后的回调函数
console.log(layero, index);
}
end: function(){},//销毁层的回调,包括关闭、取消、确认
content: '传入任意的文本或html' ,//这里content是一个普通的String
shade: [0.8, '#393D49'],
scrollbar: false,//禁止浏览器出现滚动条
move: false,//禁止移动layer
});
layer.open({
type: 1,
content: $('#id') //这里content是一个DOM
});
//Ajax获取
$.post('url', {}, function(str){
layer.open({
type: 1,
content: str //注意,如果str是object,那么需要字符拼接。
});
});
type表示使用“页面层”type的layer
skin表示样式class名,可使用自己的class
area是宽高,缺省值表示自适应
offset是定位,缺省值表示居中
btn是按钮,回调函数分别是yes,cancel,btn3,...
shade是遮罩层
time是自动关闭时间,单位ms
id,建议设置id,使lay仅允许弹出一个
最后,需要选项卡型layer时,可使用:
layer.tab({
area: ['600px', '300px'],
tab: [{
title: 'TAB1',
content: '内容1'
}, {
title: 'TAB2',
content: '内容2'
}, {
title: 'TAB3',
content: '内容3'
}]
});
area: ['600px', '300px'],
tab: [{
title: 'TAB1',
content: '内容1'
}, {
title: 'TAB2',
content: '内容2'
}, {
title: 'TAB3',
content: '内容3'
}]
});