layer的使用笔记

layer是一款口碑极佳的web弹层组件,之前也介绍过,这个月重度使用了一下,也对其进行了相关调整和发现的一些问题。

1.右下角弹出时,点击最小化时,停留位置是根据最左上角的定位收缩的

2.最小化和最大化没有分开

3.移动时没有同步当前记录的坐标

解决:

1.点击最小化时,隐藏layer,用其他按钮恢复(显示)

min : function(layero) {// 最小化之后触发 隐藏
<span style="white-space:pre">	</span>layero.hide();
}

2.虽然最小化和最大化配置里面没有分开,但是初始化成功的时候可以把最大化隐藏

success : function(layero, index) {// 弹出成功之后,隐藏最大化按钮
	layero.find('.layui-layer-max').hide();
}

3.第一次初始化成功的时候,没有记录坐标,那么就触发最小化事件,然后再还原。即

success : function(layero, index) {// 弹出成功之后,隐藏最大化按钮
	layero.find('.layui-layer-max').hide();
	layer.min(index);
	layer.restore(index);// 恢复弹窗
}




当然也可以修改插件,但是为了以后的平滑升级,能不修改就不修改。待优化

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值