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){}
| 分别为最小化、全屏、还原触发后的回调函数 |