Layer弹出层与js中window对象的使用

layer弹出层调用与页面交互

最新推荐文章于 2023-07-25 16:03:08 发布

原创最新推荐文章于 2023-07-25 16:03:08 发布 · 960 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言 #ecmascript

layui 专栏收录该内容

6 篇文章

订阅专栏

博客介绍了layer弹出层的两种打开方式：当前层级和父级打开，并详细解析了在弹出层中如何调用相应页面的方法。重点讨论了在yes回调函数中关闭弹出层的实现以及不同打开方式下调用页面方法的限制。

//等同于window.layer.open,相当于当前层级打开layer弹出层窗口，当需要在弹出层按钮事件中添加对弹出层页面方法的调用时，调用方法只能调用当前层级子级页面（打开的弹出层中的页面）中的方法
layer.open({
        type: 1
        ,offset: type //具体配置参考：http://www.layui.com/doc/modules/layer.html#offset
        ,btn: '关闭全部'
        ,btnAlign: 'c' //按钮居中
        ,yes: function(){
          layer.closeAll();
        }
      });
//相当于当前层的父级打开layer弹出层窗口，当需要在弹出层按钮事件中添加对弹出层页面方法的调用时，使用window.parent.layer.open的弹出层调用方法只能调用当前层级页面中的方法
window.parent.layer.open({
        type: 1
        ,offset: type //具体配置参考：http://www.layui.com/doc/modules/layer.html#offset
        ,btn: '关闭全部'
        ,btnAlign: 'c' //按钮居中
        ,yes: function(){
          layer.closeAll();
        }
      });