素材巴巴 > 程序开发 >

layer插件常用函数

程序开发 2023-09-08 11:25:45

layer是一款常用的jQuery弹出层插件,可以从layer官网https://layer.layui.com/中下载,将解压后的layer文件夹移动到项目中并引入jquery.js, layer.js后即可使用。

layer提供了丰富的功能供开发者选用:
在这里插入图片描述
下面介绍下几个最常用的方法(函数):

1、msg函数

msg函数可以用于弹出信息提示框

//格式1:弹出信息提示框layer.msg("提示的文字");//格式2:抖动显示layer.msg("提示的文字",function(){//弹窗结束后会执行});
 

在这里插入图片描述

2、load函数

load函数可以用于弹出加载框

//格式1:弹出loading:var index = layer.load(数字0-2); // 参数表示 loading的图表//loading窗口在弹出时, 不允许进行操作.//关闭loading:layer.close(index);//格式2:超时自动关闭的loadingvar index = layer.load(数字0-2,{time:毫秒数字})//在指定的毫秒后 ,如果没有使用layer.close关闭, 则自动关闭
 

在这里插入图片描述

3、msg函数 + load效果
//格式:带有提示信息的加载var index = layer.msg("文本",{icon:16,shade:0.01})//因为是msg函数, 所以此窗口会自动消失
 

在这里插入图片描述

4、alert函数

alert函数用于实现信息提示窗

//格式:layer.alert("文字内容",{icon:图片编号});//图片编号: 0-16之间 
 

在这里插入图片描述

5、tips函数

tips函数用于打印提示

//格式:layer.tips("文本内容","选择器",{tipsMore:true,tips:数字});参数:1.  参数: tipsMore    :   是否允许同时存在多个弹出的tips2.  参数: tips        :   取值为数字1-4 , 分别表示弹出在元素的 上/右/下/左 . 默认弹出在右边
 

示例:

layer.tips("这里是重点","#s1",{tipsMore:true,tips:1});
 
这里要注意, 留个小便签
 

在这里插入图片描述

6、closeAll函数

用于所有弹出层的关闭

layer.closeAll();
 

标签:

上一篇: Android N Audio: Audio Track play 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。