Layer弹层组件的使用
程序员文章站
2022-05-31 13:28:44
...
Layer弹层组件的基本使用
Layer是jQuery的弹出层组件,下面介绍他的使用步骤
1.将解压后的layer文件夹复制到jquery文件夹下【放在webapp文件也可】
2.在要使用layer的页面中引入layer.js
3.使用官方文档提供的功能代码
提示:
layer.msg(提示信息, {time:1000, icon:5, shift:6}, 回调方法);
layer.alert(提示信息, function(index){
// 回调方法
layer.close(index);
});
询问:
layer.confirm("询问信息", {icon: 3, title:'提示'}, function(cindex){
layer.close(cindex);
}, function(cindex){
layer.close(cindex);
});
加载
var loadingIndex = layer.msg('处理中', {icon: 16});
...
layer.close(loadingIndex);
var index = layer.load(2, {time: 10*1000});
layer.close(index);
其中数字表示弹出图标的所对应的索引