layer插件使用教程初步

JavaScript024

layer插件使用教程初步,第1张

一. layer简介

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的