当前位置:   article > 正文

手机端弹出层:Layer Mobile API文档手册v1.2

layer mobile api

原文地址:http://sentsin.com/jquery/layer/

参数

即核心接口:layer.open(options) 中的options:

type

类型:Number

默认:0,设置弹层的类型,0表示信息框,1表示页面层,2表示加载层

content

类型:String

必选参数,控制弹层内容

title

类型:String或Array

默认:空,控制层的标题,值为字符串或者数组,例子:

  1. layer.open({
  2. title: [ //或直接title:'标题'
  3. '标题',
  4. 'background-color:#0099CC; color:#fff;' //标题样式
  5. ],
  6. content:'内容'
  7. })

time

类型:Number

默认:无,控制自动关闭层所需秒数,支持整数和浮点数

style

类型:String

默认:空字符,控制层的样式,非常实用,如

  1. layer.open({
  2. style: 'border:none; background-color:#78BA32; color:#fff;',
  3. content:'内容'
  4. })

btn

类型:Array

默认:空数组,控制显示的按钮,支持1-2个长度。例子

  1. layer.open({
  2. btn: ['OK'],
  3. content:'内容'
  4. })

shade

类型:Boolean

默认:true,是否显示遮罩

shadeClose

类型:Boolean

默认:true,是否点击遮罩时关闭层

anim

类型:Boolean

默认:true,是否动画弹出

fixed

类型:Boolean

默认:true,是否固定层的位置

top

类型:Number

默认:无,控制层的纵坐标,一般情况下不需要设置,因为层会始终垂直水平居中,只有当fixed:false时top才有效。

top: (document.documentElement.clientHeight-200)/2 //垂直居中

success

类型:Function

层成功弹出层的回调函数,返回一个参数为当前层元素对象

  1. success: function(elem){
  2. console.log(elem);
  3. }

yes

类型:Function

点确定按钮触发的回调函数,返回一个参数为当前层的索引

  1. yes: function(index){
  2. alert('点击了是')
  3. layer.close(index)
  4. }

no

类型:Function

点取消按钮触发的回调函数

cancel

类型:Function

点右上角关闭按钮触发的回调函数

end

类型:Function

层彻底销毁后的回调函数

其它内置方法/属性

layer.v

静态属性

返回当前使用的layer mobile版本号

layer.close(index)

方法

用于关闭特定层,index为该特定层的索引

layer.closeAll()

方法

关闭页面所有layer的层

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小蓝xlanll/article/detail/93353
推荐阅读
相关标签
  

闽ICP备14008679号