layer是一款基于jquery的弹窗插件,浏览器兼容性很好,功能强大。
通过研究官方示例,发现使用layer分2步:
1.引入js:(jquery在前)
2. 写layer的函数:
二. 初步使用研究
1. title,maxmin,area:
2. end, layer.alert:
3. type和content:
type取值0-4共5个值。他的含义是弹窗的类型。最常用的是0,1,2.
1)type=0,content里面直接写提示的信息。
2)type=1,content里面写的是对象。将对象的内容弹出。
3)type=2,content里面写的网页的路径。将网页弹出。
jquery layer插件,拓展模块layer.ext.js正确加载需要进行全局配置。
解决方法如下:
layer.config(options) - 初始化全局配置
这是一个可以重要也可以不重要的方法,重要的是,它的权利真的很大,尤其是在模块化加载layer时,你会发现你必须要用到它。它不仅可以配置一些诸如路径、加载的模块,甚至还可以决定整个弹层的默认参数。而说它不重要,是因为多数情况下,你会发现,你似乎不是那么十分需要它。但你真的需要认识一下这位伙计。
如果您是采用seajs或者requirejs加载layer,你需要执行该方法来完成初始化的配置。
如果你是采用<script src="?a.js&layer.js">这种合并的方式引入layer,那么您需要在script标签上加一个自定义属性merge="true"。
layer.ready(path, callback) - 初始化就绪
由于我们的layer内置了轻量级加载器,所以你根本不需要单独引入css等文件。但是加载总是需要过程的。当你在页面一打开就要执行弹层时,layer.ready()会是一个不错的帮手。它也可以做一些layer.config可以做的事,比如指向layer.js所在目录。但是如果你已经通过layer.config配置了path,你在使用layer.ready时,是不需要path的