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

Posted 2020-08-12

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

参数

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

type

类型：Number

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

content

类型：String

必选参数，控制弹层内容

title

类型：String或Array

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

[javascript] view plain copy print?

1. layer.open({  

2.     title: [ //或直接title:‘标题‘  

3.         ‘标题‘,  

4.         ‘background-color:#0099CC; color:#fff;‘ //标题样式  

5.     ],  

6.     content:‘内容‘  

7. })  

time

类型：Number

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

style

类型：String

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

[javascript] view plain copy print?

1. layer.open({  

2.     style: ‘border:none; background-color:#78BA32; color:#fff;‘,  

3.     content:‘内容‘  

4. })  

btn

类型：Array

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

[javascript] view plain copy print?

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才有效。

[javascript] view plain copy print?

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

success

类型：Function

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

[javascript] view plain copy print?

1. success: function(elem){  

2.     console.log(elem);  

3. }  

yes

类型：Function

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

[javascript] view plain copy print?

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的层

本文出自 “刘博方的博客” 博客，请务必保留此出处http://liubofang.blog.51cto.com/11162557/1858741