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

原文地址: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的层

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值