当前位置: 首页 > 工具软件 > layer mobile > 使用案例 >

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

赖绪
2023-12-01

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

参数

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

type

类型:Number

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

content

类型:String

必选参数,控制弹层内容

title

类型:String或Array

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

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

time

类型:Number

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

style

类型:String

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

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

btn

类型:Array

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

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

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

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

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

yes

类型:Function

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

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

no

类型:Function

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

cancel

类型:Function

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

end

类型:Function

层彻底销毁后的回调函数

其它内置方法/属性

layer.v

静态属性

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

layer.close(index)

方法

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

layer.closeAll()

方法

关闭页面所有layer的层

 类似资料: