layer弹出层的关闭问题

原文链接:https://blog.csdn.net/qq_17497931/article/details/81298979

整理一下弹出层的问题;

官方地址:http://layer.layui.com/

基本问题参照官方文件即可;主要来记录关闭弹出层

一、layer.close(index) - 关闭特定层

关于它似乎没有太多介绍的必要,唯一让你疑惑的,可能就是这个index了吧。事实上它非常容易得到。

//当你想关闭当前页的某个层时

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); //再执行关闭

二、layer.closeAll(type) - 关闭所有层

如果你很懒,你不想去获取index你只想关闭。那么closeAll真的可以帮上你。如果你不指向层类型的话,它会销毁掉当前页所有的layer层。当然,如果你只想关闭某个类型的层,那么你可以

layer.closeAll(); //疯狂模式,关闭所有层

layer.closeAll('dialog'); //关闭信息框

layer.closeAll('page'); //关闭所有页面层

layer.closeAll('iframe'); //关闭所有的iframe层

layer.closeAll('loading'); //关闭加载层

layer.closeAll('tips'); //关闭所有的tips层    

 
三、关闭弹出层之后刷新父页面


例如:在增加用户的时候,增加会弹出一个新的弹窗页面,增加成功之后会有提示性的小的alert,在点击确定之后,弹窗页面关闭,并且刷新用户列表的页面数据。

只需要在关闭弹窗的时候加这个window.parent.location.reload();//刷新父页面

success: function(data){    

var res = eval('(' + data + ')');  

 if(res.status == '1'){    

   layer.msg("添加成功!");      

 layer.alert("添加成功!",function(){            

window.parent.location.reload();//刷新父页面        

   parent.layer.close(index);//关闭弹出层    

   });    

} else{    

   layer.msg("添加失败!");  

 }},

原文链接:https://blog.csdn.net/qq_17497931/article/details/81298979

 


 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章