- 紧急修复在最新版 Chrome(61.0.3163.79)下遮罩层出现的奇异花屏现象
- 修复 layer.js 未设置btnAlign时,包裹按钮的 div.layui-layer-btn 出现一多余 class
- 对默认按钮颜色、Tips层、Prompt层、Tab层等进行了样式调整,以便更显大气,且更符合layui风格
- 增加maxHeight参数,用于设定弹层的最大高度
- 去除 type:2 时如果content未填写而弹出 layer 官网的默认设置
- 增加参数 isOutAnim,用于控制是否显示关闭动画,true 或者 false
- 撤销自动ready处理机制,因为在初始时与Ajax同步等使用场景存在耦合等问题
- 修复Firefox下对默认层设置了高度,按钮被溢出的bug
- photos层的出场动画不再是随机,而是采用默认动画(也可以通过参数 anim 来自定义)
- 去除photos层的默认关闭动画(觉得觉得不闪眼的话,也可以通过参数isOutAnim开启)
- 新增 resizing 回调,用于监听窗口的调整大小
- 增加自动ready处理机制,即如果你页面一打开就执行弹层,无需放入layer.ready中
- 对moveEnd回调返回一个参数为当前容器的DOM对象
- 添加一个amd条件,避免 define出错(Merge pull request #42 from wangyateng/master)
- 修复tab,photos,prompt弹层默认success回调被覆盖导致功能不正常的问题(来自github用户 @waychan23 的友情提醒)
- 完善多按钮场景换行的间距(之前是紧贴在一起,略不雅观)
- 弹出图片层的动画时间改为800ms
- 修复按方向键切换图片层过快时重复弹出的bug
- 修复与animate.css可能存在的动画冲突
-
新增拖动弹层右下角可调节弹层尺寸的功能,由参数resize控制,默认开启。对loading、tips层无效
-
offset参数新增 t、r、b、l、lt、lb、rt、rb、的赋值,可快捷实现上、右、下、左、左上角、左下角、右上角、右下角的边缘定位
-
新增btnAlign参数,支持三个参数:l/c/r,分别用于控制按钮居左、居中、居右的快捷设置(默认r,即居右)
-
点击最小化时,自动定位到页面左下角,在出现多个最小化时,会依次排列,这是一次较为重大的完善。
-
新增关闭层的过度动画(可通过 anim: -1 统一取消动画)
-
重写拖拽核心代码,性能大幅度提升
-
layer.config核心调整
-
layer.config中的extend参数只提供加载一个css皮肤文件(详见文档)
-
处理在head标签中执行layer弹层无效的情况
-
瘦身layer.ready方法
-
修改iframe层的loading动画
-
捕获页类型的弹层在关闭时,会根据所捕获元素的初始display值,进行不同处理,即不再强制隐藏。
-
剔除moveType参数,只提供默认的一种拖拽风格
-
剔除语义欠佳的fix参数,改为fixed取代
-
剔除语义欠佳的shift参数,改为anim取代,不过仍然对shift参数兼容
-
完善tips层细节
-
将prompt层改成页面层结构,即当你弹出prompt层时,再弹出msg,不会将prompt销毁。
-
prompt层的textarea模式支持area参数来设定宽高
-
layer.css大面积改善
-
降解IE6的fixed支持,不过仍然对ie6兼容(话说现在全浏览器兼容的组件已经不多了,layer后续会整理出不兼容ie6/7的版本)
-
修改图片超出屏幕后,重新计算大小的算法(Merge pull request from 390029659/master)
-
修复iframe层在用于iPhone设备时,无法触发滚动的Bug
- 兼容jQuery3.0
- 优化tips,可支持配置参数fix(之前是强制fix: false),用于决定是固定的tips还是非固定的。
- min回调可通过return false来设定不执行默认最小化。
- 修复在移动端使用iframe,IOS下无法滑动的bug。
- 细节优化及样式微调
- 通过对使用频率的调查,将layer.ext.js(拓展模块)合并到了layer.js,即不用再通过layer.config来加载调用。
- cancel回调不再对第二个按钮有效,只作为右上角关闭按钮触发。并且除yes回调外,所以按钮的回调都可以通过return false来设定不默认关闭。
- 修复相册层,点击任意图片查看,弹出的并非当前图片的bug。
- 修复相册层在移动端显示不佳的bug。
- 修复msg、alert等对话框类型的弹层,在手机使用时未水平居中的bug。
- 增加参数id,用于控制弹层唯一标识。如不想重复弹出,可设置该值。
- layer.tips允许出现遮罩,即不对shade参数做限制。
- 对layer.photos方法直接弹出页面图片进行了事件委托,修复了之前由于动态插入的img而无法执行弹出的bug,并且修复了当图片信息改变时,仍然弹出了之前的图片的bug
- layer.photos方法多处代码进行了优化
- 对layer.tab方法新增回调函数change,用于监听选项卡的切换事件,返回一个选项卡索引参数。
- 样式微调
- 修复在使用seajs或者requirejs后,layer.ext.js报layer未定义的错误。
- 修复弹出层后,回车键无效的bug。
- 修复iframe层的success回调在ie8以下浏览器无效的bug
- 修复只有一张图片时,并且该图片地址异常,不断弹出提示的bug。
- 修复当设定moveEnd回调,即便层关闭,仍然触发该回调的bug
- 即便采用模块加载,layer对象仍然保留全局,原因是layer自有模块需要。
- 优化图标锯齿消的回调除了yes和cancel外,还可用btn1/btn2。 btn2可解决取消遇右上角关闭共用cancel回调的问题。即如果你只需要接受取消的回调,可以使用 btn2: function(){}
- 全新的默认皮肤
- 修复按住Enter键时,出现不断弹层的bug。
- 修复模块加载时,layer仍然暴露给了全局的bug。
- 修复拖拽完毕回调moveEnd,在层关闭后拖拽鼠标仍然触发该回调的bug。
- 确认和取消的回调除了yes和cancel外,还可用btn1/btn2。 btn2可解决取消遇右上角关闭共用cancel回调的问题。即如果你只需要接受取消的回调,可以使用 btn2: function(){}
- 修复通过script标签引入layer.ext.js时,出现Cannot read property 'skin' of undefined的报错问题。(虽然我们更推荐用layer.config()方式加载layer.ext.js)。
- 如果相册只有一张图片,则不触发上/下一张。
- 修复全局设置皮肤时,部分类型层未起作用的bug。
- 增加skin值:layui-layer-rim,用于给层加边框(类似1.85的风格)
- 样式微调
- 修复相册层设定基础参数时,只有首次有效的bug。
- 增加关闭动画样式:layui-layer-close
- 优化默认弹出动画
- 优化默认图标,默认的icon支持缩减到0-6(拓展皮肤可自己任意设定支持的数目)
- 优化部分样式
- 机智地修复了一个隐藏得非常深的但是不是太重要的bug。
- 剔除了一些图片。
- btn设定多个按钮时,新增对应的回调(支持只有yes和cancel回调),如btn: ['按钮一','按钮二','按钮三'],按钮一和按钮二还是之前的yes和cancel,按钮三,则回调为 btn3: function(){},以此类推。
- 对cancel回调进行了微完善,如果不想关闭,return false即可,如cancel: function(){return false},取消则不会关闭。
- 修复当设置了fix:false时,offset的设置无效的bug
- 为低版本IE回收iframe占用的内存,从而修复偶尔无法获焦的bug
- 修复当设置了btn时,最小化不能愉快地呈现的bug。
- 修复全局设置skin时,某些层类型出现样式异常的bug。
- 修复area设置了百分比时,maxmin参数无效的bug。
- 完善当采用script标签合并路径的方式引入layer,加载了错误的css路径的问题。这种情况需在script标签上加一个自定义属性merge="true",然后通过layer.config({path: 'layer所在目录'})来完成初始化的配置
- 样式微调
-
新增laye.open(options),抛弃了之前的$.layer(options)调用方法,目的是与layer mobile保持统一。
-
新增layer.config(options)方法,用于进行全局化配置。除了用于展现弹层的基础参数外,还支持path,用于模块化加载layer时设定目录以便加载所需配件,如layer.config({path: '所在路径', extend: ''});
-
新增content参数,用于统一传入内容。支持string类型和jquery dom对象。如果是type:2,即iframe的url。
-
新增icon参数,用于统一配置对话框和loading的icon类型。
-
新增cancel参数,用于统一取消回调。
-
新增skin参数,用于控制层的不同外观。
-
新增layer.ready(path, callback),用于页面加载时即调用弹层。如果通过layer.config配置了path,此方法的path可以不填,即直接layer.ready(callback);
-
新增tipsMore,用于开启多个tips
-
新增scrollbar,用于设定是否屏蔽浏览器滚动条
-
完善offset参数,除了跟之前一样,[Y坐标, X坐标],还支持传入'rd',表示右下角。另外还支持只传入Y坐标,如offset: '120px'。默认'auto',即垂直水平居中。
-
完善自适应,只要设定了固定高度,任何层都会自适应出现滚动条
-
完善shift,全新的CSS3动画模式,支持传入0-6。
-
完善area,支持传入宽度、[宽,高],默认'auto',表示自适应
-
完善time,传入值改为毫秒,比如2秒关闭,time: 2000
-
完善use方法,修复之前初始调用时部分浏览器一些不稳定因素
-
完善layer.full/layer.min方法,只要传入index即可,不用跟之前一样还要传入area和offset。。。
-
layer.alert/confirm/msg/load/tips五种快捷引用重写,更灵活,更易使用。
-
剔除border参数,因为它没有本质的作用,自定义层样式可以通过新增的skin参数
-
剔除dialog的msg,page的html/url/dom,统一采用content
-
剔除dialog和loading的type,统一采用icon
-
剔除dialog中用于配置按钮数的btns,因为可直接通过btn本身来获取。
-
剔除no和close回调,统一采用cancel取代,不过仍然对前两者兼容。
-
剔除layer.closeLoad()、layer.closeTips()方法,统一用layer.closeAll('loading/tips')来对指定类型层进行关闭
-
剔除bgcolor参数,因为自定义的样式一律采用skin参数控制
-
剔除tips一些列子元素,只保留自身,并且支持number和object形,用于设定方向和显示箭头。
-
剔除layer.getIndex方法,获取索引统一用返回值
-
剔除layer.autoArea方法,因为已经采取更好的自适应方案。
-
默认不显示dialog图标,需要显示配置dialog指定的type即可
-
很多不可见只可感受的细节改动
- layer.prompt/layer.tab/layer.photos重写,代码更强健,功能更强大,详见Api。
总之!总之…layer1.9.0有着太多的调整,爱她,就认真去感受她!么么哒
——贤心 2015/4/15
- 新增对title样式的自定义控制
- 修复layer.prompt多行文本,设置默认值无效的bug
- 新增浏览器窗口尺寸改变时的自适应定位
- 新增属性shift,用于配置动画弹出(需要注意的是,之前的layer.shift()方法将在layer1.9遗弃,用shift属性取代)
- 新增方法layer.title(name, index); 用于动态改变层的标题。
- 修改弹出层默认初始坐标为垂直左右居中。
- 开放多个tips,可通过配置tips: {more: true}开启。
- 进一步完善tips的智能定位。
- 放弃layer.ready方法,用jQuery的ready取代。
- 进一步优化内部代码
- layer.prompt支持给表单传入默认值,如layer.prompt({val:'默认'}); 新增yes回调函数第二个参数为索引、第三个参数为表单元素。
- 相册层新增tab回调函数,用于切换图片时进行相关操作
- 相册层内部代码优化。