layer的使用笔记

来源:互联网 发布:推荐充电宝 知乎 编辑:程序博客网 时间:2024/05/21 23:34

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);// 恢复弹窗}


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

0 0
原创粉丝点击