发布于 2016-03-18 09:22:46 | 241 次阅读 | 评论: 0 | 来源: 网友投递
Layer弹出层组件
layer,一个可以让你想到即可做到的web弹窗(层)解决方案(js组件),作者贤心(前端开发工程师)。layer侧重于用户灵活的自定义,为不同人的使用习惯提供动力。其意义在于,可以让您的页面拥有更丰富与便捷的操作体验,而您只需在调用时简单地配置相关参数,即可轻松实现。
近几年来,前端技术的发展日新月异。一个又一个解决方案登上历史的舞台,迅速变得炙手可热,又霎时冷落冰窖。在后jQuery时代,我们经历了以RequreJS、SeaJS为代表的前端模块化、又经历了以Angular为代表的mvvm、紧接着又经历了以React、VueJS为代表的组件化。。。然而不论他们的理念和模式如何空前,jQuery仍然占据着当下互联网最广阔的疆域。我想,衡量一项开发模式的价值高度,并不在于技术本身有多么前沿或逼格,而是它能影响足够多的群体,以及存活足够长的时间。在这一点上,jQuery做到了。
因此,我必须向jQuery致敬,尽管在很多场合下,它都不再出现在我的代码里。但 layer,这个小角色,正是因jQuery曾风靡浏览器的技术生态圈所遗留的强大光辉而坚持到现在。
jQuery的坚挺,并非是墨守陈规,而是还并没有真正出现能足以胜任新时代的替代品。
于是乎,继续大刀阔斧地使用layer吧,在jQuery日落之时,让它静静地陪你一起看夕阳。
好了,是时候回到主题了。
【更新日志】
* 增加参数id,用于控制弹层唯一标识。如不想重复弹出,可设置该值。
* layer.tips允许出现遮罩,即不对shade参数做限制。
* 对layer.photos方法直接弹出页面图片进行了事件委托,修复了之前由于动态插入的img而无法执行弹出的bug,并且修复了当图片信息改变时,仍然弹出了之前的图片的bug
* layer.photos方法多处代码进行了优化
* 对layer.tab方法新增回调函数change,用于监听选项卡的切换事件,返回一个选项卡索引参数。
* 样式微调
文档、演示与下载:http://layer.layui.com/