layer插件常用函数

it2023-12-25  76

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:超时自动关闭的loading var 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 : 是否允许同时存在多个弹出的tips 2. 参数: tips : 取值为数字1-4 , 分别表示弹出在元素的 上///. 默认弹出在右边

示例:

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

6、closeAll函数

用于所有弹出层的关闭

layer.closeAll();
最新回复(0)