layer({
type:1, //显示文本内容,1为html内容
title:"提示",
area:["300px","200px"], //设置弹窗的宽度和高度
content: //弹框的内容
btn:["确定","取消"], //设置按钮
yes:function(){} ,//第一个按钮
btn2:function(){}, //第二个按钮
concal: //点击关闭
})
键: 值 |
描述 |
下表的属性都是默认值,您可在调用时按需重新配置,他们可帮助你实现各式各样的风格。如是调用: $.layer({键: 值, 键: 值, …}); |
|
type: 0 |
层的类型。0:信息框(默认),1:页面层,2:iframe层,3:加载层,4:tips层。 此为重要参数,不同类型层的总开关,若为type:0则不需要配置,其它类型层在调用时必须设置type。 |
title: '信息' |
控制默认标题栏。 |
maxmin: false |
是否输出窗口最小化/全屏/还原按钮。 |
offset: ['', ''] |
控制层坐标。 |
area: ['310px', '130px'] |
控制层宽高。 |
border: [10, 0.3, '#000'] |
控制层的边框。 |
shade: [0.5, '#000'] |
控制遮罩。 |
shadeClose: false |
用来控制点击遮罩区域是否关闭层。 |
closeBtn: [0, true] |
控制层右上角关闭按钮。 |
time: 0 |
自动关闭等待秒数,整数值。 |
fix: true, |
用于设定层是否不随滚动条而滚动,固定在可视区域。 |
move: '.xubox_title' |
设定某个元素来实现对层的拖拽。 |
moveOut: false |
用于控制层是否允许被拖出可视窗口外 |
moveType: 0 |
用于配置拖拽类型(layer1.7之前版本不支持) |
bgcolor: '#fff' |
用于控制层的背景色 |
zIndex: 19891014 |
控制层堆叠顺序(即css的z-index)。整数值。 |
maxWidth: 400 |
最大宽度。整数值。 |
fadeIn: 300, |
用于控制层渐显弹出(layer1.7之前版本不支持) |
btns: 1, |
按钮的个数。提供了0-2的选择,设置0表示不输出按钮 |
btn: ['确定', '取消'], |
[按钮一的文本值 , 按钮二的文本值] |
shift: '', |
用于控制动画弹出 |
dialog: { type: 3, msg: '' }
|
信息框层模式提供的私有参数。使用时,按需配置即可 |
page: { dom: '#id', html: '', url: '', ok: function(datas){} }
|
页面层模式私有参数。 |
iframe: { src: '', scrolling: 'auto' }
|
iframe层模式私有参数。 |
loading: { type: 0 }
|
加载层私有属性。 |
tips : { msg: '', follow: '#id', guide: 0, isGuide: true, more: false, style: ['', ''] }
|
tips提示层私有属性。 |
回调函数 |
|
success: function(layero){
}
|
层弹出成功后的回调函数. |
yes: function(index){}
|
按钮一的回调函数 |
no: function(index){}
|
按钮二的回调函数 |
close: function(index){}
|
层右上角关闭按钮的点击事件触发回调函数。 |
end: function(){}
|
层被彻底关闭后执行的回调函数。 |
moveEnd: function(){}
|
拖拽完毕触发的回调函数 |
min: function(layero){}, full: function(layero){}, restore: function(layero){}
|
分别为最小化、全屏、还原触发后的回调函数 |