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
下一篇:
相关文章
-
无相关信息