layui关闭弹出层的方法教程

时间:2021-09-29 16:28:57

作者:admin

来源:系统部落

  layui怎么关闭弹出层?layui框架是个开源的前端工具模板,很多用户在使用layer弹框的时候会常常遇到关闭弹窗的问题,这里小编给大家分享下layui框架关闭弹出层的具体方法吧。

layui关闭弹出层的方法教程

  1、layer.close(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); //再执行关闭

  2、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层

评论加载中...
提取码
XGZS
关闭 前往下载

官方交流群