国内外VPS
主机测评与优惠

layer子窗体界面大于父窗体界面的实现方法

使用layer.open方法可以轻松的弹出iframe页面,但是弹出的子窗体处于父窗体内部,每弹出一个子窗体都比所属的父窗体小,那么有没有办法在弹出层A中弹出B时,B的界面是大于A的呢?实际上这个问题也非常容易解决,就是使用parent.layer.open方法,其余与layer.open完全一致即可,示例如下:

主页面弹窗代码(layer.open),弹出窗体A:

  $("#new").on("click",function(){  var url = "{:url('index/borrow/file')}";  layer.open({    type: 2,    title: "借阅文件",    shadeClose: true,    shade: 0.5,    area: ['600px', '500px'],    content: [url,'no'],    end: function () {location.reload();}  });  })

窗体A弹窗代码(parent.layer.open),弹出窗体B:

  $("#search").on("click",function(){  var url = "{:url('index/file/search')}";  parent.layer.open({    type: 2,    title: "案卷检索",    shadeClose: true,    shade: 0.5,    area: ['1000px', '600px'],    content: url,  });  })

这时弹出的窗体B的界面可以大于窗体A,实际效果:

layer子窗体界面大于父窗体界面的实现方法

窗体A

layer子窗体界面大于父窗体界面的实现方法

窗体B大于“父窗体“A

 

赞(0)
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《layer子窗体界面大于父窗体界面的实现方法》
文章链接:https://www.liuzhanwu.com/3412.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。

登录

找回密码

注册