layui弹出框的使用方法
程序员文章站
2022-06-08 09:29:06
...
layer.msg弹出层
layer.msg('提示文字!');
layer.confirm弹出层
layer.confirm('提示文字!', {
btn : ['确定','赞','取消'],
btn1:function(){
layer.msg('yes!');
},
btn2:function(){
layer.msg('good!');
},
btn3:function(){
layer.msg('no!');
}
});
layui关闭弹出层
1.关闭特定层
//当你想关闭当前页的某个层时
var index = layer.open();
var index = layer.alert();
var index = layer.load();
var index = layer.tips();
//正如你看到的,每一种弹层调用方式,都会返回一个index
layer.close(index); //此时你只需要把获得的index,轻轻地赋予layer.close即可
//如果你想关闭最新弹出的层,直接获取layer.index即可
layer.close(layer.index); //它获取的始终是最新弹出的某个层,值是由layer内部动态递增计算的
//当你在iframe页面关闭自身时
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
parent.layer.close(index); //再执行关闭
2.关闭所有层
方法closeAll()会销毁掉当前页所有的layer层,或者closeAll(type)只关闭某个类型的层
layer.closeAll(); //关闭所有层
layer.closeAll('dialog'); //关闭信息框
layer.closeAll('page'); //关闭所有页面层
layer.closeAll('iframe'); //关闭所有的iframe层
layer.closeAll('loading'); //关闭加载层
layer.closeAll('tips'); //关闭所有的tips层