欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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层