easyui 中iframe嵌套页面,提示弹窗遮罩的解决方法,parent.$.messager.alert和parent.$.messager.confirm

前端之家收集整理的这篇文章主要介绍了easyui 中iframe嵌套页面,提示弹窗遮罩的解决方法,parent.$.messager.alert和parent.$.messager.confirm前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

项目中用到easyui 布局,用到north,west,center三个区域,且在center中间区域嵌入iframe标签。在主内容区做一些小提示弹窗(例如删除前的弹窗提示确认)时,会遇到遮罩问题,由于center区域是iframe嵌套的,所以里面的小弹窗无法覆盖页面的头部和左边目录栏。

 

情形一、点击提示弹窗里的确认后,提示弹窗消失:

删除选中的数据吗?”)

''      
}

情形二、点击提示弹窗里的确认后,提示弹窗消失,并且页面跳转

方法,successMask('删除成功!','system/js/rolepermissions.jsp')
function ''页面跳转 window.location.href =}

 

使用以上代码可以完美解决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

猜你在找的jQuery相关文章