layer API之键值(仅在需要时配置,未配置的会用默认) btns : 按钮的个数。供给了0-2的选择 btn : [按钮一的文本值 , 按钮二的文本值] type : 图标类型,供给了0-10的选择,也许有你喜欢的。 msg : 信息框内容,重要参数 yes : 按钮一的回调函数 no : 按钮二的回调函数
键 : 值
描述
skin : 0
层的皮肤编号,值为整数型。目前默认只供给一种皮肤,当你凭据样式法则新增皮肤时(详见skin/layer.css),你可配置该参数。
type : 0,
层的类型。0:信息框(默认),1:页面层,2:iframe层,3:加载层,4:tips层。此为重要参数,差别类型层类型的总开关,挪用时必需设置。
shade : [0.5 , ‘#000‘ , true]
控制遮罩。0.5:遮罩透明度,’#000′:遮罩颜色,true:是否遮罩(否:false)
shadeClose : false
用来控制点击遮罩区域是否*层。(是:true)。
fix : true,
层是否固定在可视区域。否:false
move : [‘.xubox_title‘ , true]
控制层拖拽。’.xubox_title’:拖拽绑定事件地址元素选择器(默认为标题栏),true:是否允许拖拽(否:false)
title : [‘信息‘ , true]
控制标题栏。’信息’:标题栏文字,true:是否显示标题栏(否:false)
offset : [‘220px‘ , ‘50%‘]
控制层坐标。’220px’:纵坐标,’50%’:横坐标。 需要注意的是,像素必需带px单位,百分比不需要。该参数灵活运用,可助你实现诸多特效。
area : [‘310px‘ , ‘auto‘]
控制层宽高。’310px’:宽,’auto’:高。 当设置为auto时,意味着给与自适应, 固然,对付宽度,并不保举您这样做。
closeBtn : [0 , true]
控制层右上角*按钮。0:*按钮气势派头(1:气势派头2),当标题栏不存在时,自动切换为气势派头2。 true:是否显示*按钮(否:false)
time : 0
自动*期待秒数,整数值。也许它可以助你做蛮多事,想象一下吧。
border : [10 , 0.3 , ‘#000‘, true]
10:边框巨细,0.3:边框透明度,’#000′:边框颜色,true:是否显示边框(否:false)。通过它您可以任意配置边框,譬如你感受边框碍眼,连忙启用[0,0,‘‘,false]吧
zIndex : 19891014
控制层堆叠挨次(z-index)。整数值,默认是贤心的生日。合理设置它,可以制止与其它插件的层级斗嘴
maxWidth : 400
最大宽度。整数值。当宽度设为auto时才有用。
fadeIn : [300 , false]
控制层的渐显。300:渐显频率,false:是否开启渐显(默认不开启,true:开启) 从来都感受这参数形同虚设。
dialog: {
btns : 1,
btn : [‘确定‘, ‘打消‘],
type : 3,
msg : ‘‘,
yes : function(index){ },
no : function(index){ }
}
信息框层模式供给的私有参数。使用时,按需配置即可
page: {
dom: ‘#xulayer‘,
html: ‘‘
}
页面层模式私有参数。dom:需要弹出的html片段所对应的选择器(class 或 id,保举用id,确保独一)。需要注意的是,html优先级高于dom,这意味着,当你一旦配置了html的非空值,将优先给与html中的元素弹出,并且不撑持area的自适应模式,你必需配置宽高值。html参数为layer-v1.5.1开始新增。
iframe: {
src: ‘‘
}
iframe层模式私有参数。src:要打开的网址。使用率非常高,尤其是对付喜欢用iframe的同学。
loading : {type : 0}
加载层私有属性。type:loading图标类型(供给了0-3的选择,尝尝吧,看看有无你喜欢的)。一般共同ajax使用
tips : {
msg: ‘‘,
follow: ‘‘,
guide: 0,
style: [‘tips自界说样式‘, ‘三角形颜色‘]
}
tips小提示层私有属性。msg:提示内容,follow:触发事件对应的选择器。 guide:指引标的目的(0:上下,1:摆布)。[自界说样式示例] style: [‘ color:#000; border:1px solid #FF9900‘, ‘#FF9900‘]]。layer-v1.5.1开始,对tips逐渐有了较为完善的撑持,供给了上下和摆布模式,可智能识别指引标的目的。
success : function(layer){}
层弹出告成后的回调函数
close : function(index){}
层右上角*按钮的回调函数。
end : function(){}
层被彻底*后执行的回调函数。它的存在让close回调成为浮云。