两个页面layer.open 跳转页面，layer弹出层遮蔽了界面

来源：蜘蛛抓取(WebSpider) 时间：2018-07-01 13:51 标签： layer 跳转页面
iframe中的弹框遮罩整个页面，用parent.layer.open()，遮罩覆盖了弹出层，回调的 - Fly社区
iframe中的弹框遮罩整个页面，用parent.layer.open()，遮罩覆盖了弹出层，回调的
 4730
悬赏：5飞吻
遮罩覆盖了弹出层，弹出层的title消失了，回调的方法在iframe中，能不能回调的到？
@ 出来帮忙下
（社区之光）
说的太模糊了，不知道是什么情况，你可以先把截图上传到微博相册，再在这里发出来。
,iframe的弹窗的遮罩想覆盖整个页面，不用parent.layer的时候是正常的。换成parent就成这个样子了。
@ 不知道怎么上传图片，我详细描述下，iframe的弹窗的遮罩想遮罩这个页面，用parent.layer,open，弹出来以后，遮罩覆盖了弹出层，把遮罩去掉，回调函数也钓不到了，回调函数在iframe的js中，弹窗的content也在iframe的页面中
（社区之光）
你用了 parent.layer.open 回调函数也是会被触发的，content 也是会被调用的我上面说了把图片上传到微博相册就可以把链接外链到这里了你把你写的代码贴一下吧~
@ 你QQ多少啊?这里问东西有点费劲啊.
本帖已设置禁止回复
心级赞助商 -
微信扫码关注 layui 公众号layer弹出层组件，国内最流行的弹窗解决方案 - 开源中国社区
当前访客身份：游客 [
当前位置：
发布于 日 11时,
layer遵循于LGPL开源协议，她是一枚可以让你想到即可做到的web弹窗/层js组件。layer侧重于用户灵活的自定义，为不同人的使用习惯提供全方位设计，您的页面会因此拥有更丰富、友好的操作体验，而您只需在调用时简单地配置相关参数，即可轻松实现各类交互。与同类弹出层组件相比，layer的优势明显，她尽可能地在以更少的代码展现出更强健的功能。layer格外注重性能的提升、易用和实用性，正因如此，越来越多的诸如八圆包(九块九包邮)等等开发者将媚眼投上了小小的layer（已有326182人次关注新版layer）。当你问及她的兼容时，layer必须告诉你，她兼容了一切浏览器，包括古老的ie6。layer公开了如此多的接口，这使得您可以DIY太多您需要的风格，尤其是页面层模式，意味着必要时您可以完全抛弃layer的现有皮肤，并用你的思维去勾勒她的衣着。而问题在于，我必须中止“王婆卖瓜”的陈述。因为一切的不足或友好，都需要您在使用过程中去发现。据不完全统计，截至到号，layer已服务于10000多家web平台。layer作为layui库的成员，将一直致力于为web开发提供动力。官网：http://sentsin.com/jquery/layer/
代码片段(1)
1.&[代码][JavaScript]代码&&&&
http://sentsin.com/jquery/layer/
开源中国-程序员在线工具：
相关的代码(1204)
11回/165490阅
[JavaScript]
21回/111985阅
[JavaScript]
83回/107816阅
[JavaScript]
2回/70471阅
[JavaScript]
49回/61132阅
13回/58944阅
[JavaScript]
1回/58699阅
50回/52833阅
[JavaScript]
17回/43638阅
[JavaScript]
5回/40690阅
2楼：HostSugar 发表于
大概看了下，很不错！有空研究下
3楼：石永欣 发表于
贤心兄！！！一定要顶起来，
4楼：苏生不惑 发表于
下载运行了下，很不错啊，不知道浏览器兼容怎么样
5楼：smalltreecolin 发表于
一直在用，作者很nice！可以到我的网站看看效果：
6楼：d大兵 发表于
顶，比较全的效果。
7楼：一隐一 发表于
这个必须顶啊，一直在用，谁用谁知道
8楼：Mr-散崖 发表于
顶！贤心,插件很mini，自己之前也用过，很小
9楼：我是热门 发表于
好东西，收藏了。。。
10楼：tianshu 发表于
很不错，同事推荐说是弹出层插件中做得最好的一个。
11楼：〆、①洳旣暀 发表于
火前 ，刘明~
12楼：雾海树妖 发表于
13楼：kin_28 发表于
谢谢，效果很好。
14楼：吕力 发表于
真的不错哦，必须支持的呀！
15楼：珠海华仔 发表于
真心不错，支持作者
16楼：前端小武 发表于
顶. 真心不错
17楼：Pending 发表于
心姐的插件。。一定要顶啊
18楼：kujiu 发表于
iframe层能同时存在多个么？
19楼：贤心 发表于
引用来自“kujiu”的评论iframe层能同时存在多个么？呵呵
20楼：贤心 发表于
）是一家贴心的小而美集市，致力于发现物美价廉，汇集高性价比实惠宝贝，比如
性质的商品。它助你用最小的成本，缔造完美品质生活体验。该站所有页面都有用到layer，有兴趣的同学可以去八圆包玩玩，里面的商品都非常实惠。八圆包在试图展现一个真实的导购世界，由资深网购小编为您每日精选。
开源从代码分享开始
贤心的其它代码博客分类：
之前也做过在线显示PDF的任务，这次的比较棘手：PDF的组件将弹出窗口挡住了。
想过好几种解决办法，最后终于找到一个比较好的解决办法：
下面重新理一理这两天尝试过的一些方法：
（1）改变PDF的样式，就是使用z-index来控制。
这无疑是首先想到的方法。无奈从网上搜了很久，也不知道用来显示PDF的&object&标签是个什么样式。在它外面设置一个比dialog小的z-index也不对。于是此方法告吹。
（2） 给了我一个解决方法，于是这个bug开始有点眉目。
从网上看到这么一段话：在IE5.5版本中，IFrame就开始作为一个Windowless元素使用了，使用z-index就可以将DIV覆盖IFrame，但是如果IFrame中有Windowed对象，如ActiveX控件时，IFrame就变成一个Windowed元素，DIV就只能在IFrame后边混了。应该是解释为什么同样是iframe，PDF还是会把div遮挡住，stackFlow里面给出了一个解决方法。
但此方法在我这里暂时行不通。行不通的症结在于：弹出的dialog始终位于窗口正中央，如何定义一个iframe,和他同样大小 且 也位于正中央，这是个问题。并且，如何对各个分辨率的电脑都适用也是个问题。
（3）借用第三个的原理，但是可以不设置position:absolute 和 z-index。这个方法就是：如果有一个dialog弹出，就定义一个空白的dialog用iframe包住先于他弹出，借用他来遮盖住底下的PDF。
事实证明这个方法是可行的。把空白的iframe定义成dialog的好处在于：不用操心这个遮挡层的弹出位置在哪里，而且容易操作。
这个bug出现最初，我是先把pdf部分隐藏掉，需要的时候再显示出来。但这个必然用户是不接受的。后来也曾想过，既然这pdf的样式改不了，那么当dialog出现的时候，将pdf部分变成图片，静态显示在下面可不可以。但是这个方法需要导入一些jar包，对整体影响比较大，于是也没有实行这个计划。
解决了这个bug，又重新认识了 iframe， 学问还是很大的。
浏览: 8906 次
来自: 西安
(window.slotbydup=window.slotbydup || []).push({
id: '4773203',
container: s,
size: '200,200',
display: 'inlay-fix'博客分类：
打开弹出层：
在list页面带入layer.js
&script type="text/javascript" src="/admin/layer/layer.js"&&/script&
在list页面点击时，弹出form弹出层，list.js：
$(".add_category,.update").click(function(){
var doMain = $('.domain_name').val();
layer.open({
shade: [0.5, '#000', false],
area: ['900px', '530px'],
fix: false, //不固定
maxmin: true,
title: ['添加或修改用户类型', false],
content: doMain+"/Stat/QueryUserCategoryForm.action?adminUserCategory.id="+$(this).val()
在点击form弹出层的“保存”按钮时，如果保存数据成功，则关闭弹出层，并且刷新list页面：
submitHandler: function (form){
$('.domain_name').val()+"/Stat/AddOrUpdateUserCategory.action",
$(form).serialize(),
function(data){
var result = eval("("+data+")");
if(!result.status){
alert(result.message);
//添加数据成功，关闭弹出窗之前，刷新列表页面的数据
parent.window.location.href=$('.domain_name').val()+"/Stat/QueryUserCategoryListStat.action";
var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
parent.layer.close(index);
浏览 16185
yunlian0621
浏览: 73720 次
来自: 成都
大神啊、、、、
我只是来试试
测试评论：childNodes与chi ...
(window.slotbydup=window.slotbydup || []).push({
id: '4773203',
container: s,
size: '200,200',
display: 'inlay-fix'talk is cheap ,show me the code!
layer.js的弹出层点击确认跳转页面
代码如下：
layer.open({
content: '感谢您参与本次活动！',
btn: ['确认', '取消'],
yes: function(index, layero) {
window.location.href='Your URL';
btn2: function(index, layero) {
cancel: function() {
//右上角关闭回调
没有更多推荐了，
加入CSDN，享受更精准的内容推荐，与500万程序员共同成长！

我要回帖

更多关于 layer 跳转页面 的文章

 

随机推荐