html优先级高于dom

时间:2022-04-23 06:57:34

layer API之键值(仅在需要时配置,未配置的会用默认)
键 : 值   描述  
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){ } }   信息框层模式供给的私有参数。使用时,按需配置即可

btns : 按钮的个数。供给了0-2的选择

btn : [按钮一的文本值 , 按钮二的文本值]

type : 图标类型,供给了0-10的选择,也许有你喜欢的。

msg : 信息框内容,重要参数

yes : 按钮一的回调函数

no : 按钮二的回调函数

 
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回调成为浮云。