项目中用到easyui 布局,用到north,west,center三个区域,且在center中间区域嵌入iframe标签。在主内容区做一些小提示弹窗(例如删除前的弹窗提示确认)时,会遇到遮罩问题,由于center区域是iframe嵌套的,所以里面的小弹窗无法覆盖页面的头部和左边目录栏。
删除选中的数据吗?”)
''
}
情形二、点击提示弹窗里的确认后,提示弹窗消失,并且页面跳转:
使用以上代码可以完美解决easyUI center区域iframe里的alert提示弹窗、confirm弹窗的遮罩问题。
这里再做一个拓展,如果是confirm确认弹窗,改如何处理遮罩问题?
例如删除前提示确认,点击确认后,内容被删除,再弹出删除成功提示框:
'''确定要删除选中的数据吗?'((){删除操作
id = $(obj).attr ("id"
$.ajaxSettings.async = "roleAction!deleteRole.html",{q: Date().getTime(),id:id},(data=='success''删除成功!','system/js/rolepermissions.jsp'
}
infoMask(data);
}
}
}
}
}
}
}
}
到这里,就解决了easyui 中iframe嵌套页面,提示弹窗遮罩显示的问题。parent.$.messager.alert和parent.$.messager.confirm。
原文链接:https://www.f2er.com/jquery/403440.html