首页 > 其他 > 详细

点击div外区域隐藏div操作(嵌套iframe页面)

时间:2020-06-03 20:19:22      阅读:47      评论:0      收藏:0      [点我收藏+]

一、正常页面

$(document).click(function(){
        $(dom).hide();//要隐藏的div
 });

二、嵌套iframe页面 (我实现的是点击子页面隐藏父页面的元素)

除了写正常页面的操作之外,也需要在子页面里面写第二个操作

$(document).click(function(){//父页面
        $(dom).hide();//要隐藏的div
 });
 $(document).click(function(){//子页面
     $(dom,window.parent.document).hide();
 });

因为子页面里不能直接获取到父页面的元素,所以需要在子页面里面另外写:
$(dom,window.parent.document).hide();

补充:jquery中父子页面之间获取元素

技术分享图片

父页面获取子页面元素:

$("#iframe的ID").contents().find("#iframe子页面的ID").click();

父页面调用子页面方法:

$("#iframe的ID")[0].contentWindow.子页面 js 方法(); 

子页面获取父页面元素:

$("#父页面元素ID" , parent.document);

子页面操作父页面方法:

window.parent.父页面 js 方法();

 

版权声明:本文为CSDN博主「_阿毛」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/amao_aguai/java/article/details/86217900

点击div外区域隐藏div操作(嵌套iframe页面)

原文:https://www.cnblogs.com/harbors/p/13039339.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!