iframe如何触发父元素事件以及父页面控制iframe子页面元素

最近在开发登入窗口中运用到iframe,其中遇到一些小问题拿出来分享一下。
问题:用jquery的$(‘parent.document’).find(’#id’)来取父框架的元素,取出来的DOM元素也是正确的,在控制台打印出来了,但调用click()方法就是触发不了绑定的函数

1.父页面有一个打开注册事件:
$(’#regis’).click(function(){
$(’.container’).append(regis);
$(’.modal-backdrop’).click(function(){
$(".loginModal,.modal-backdrop").remove();
});//隐藏
});//打开注册

2.子页面处理方式:
误区:$(window.parent.document).find(’#regis’).click();
正确处理方式: $前面加上parent
KaTeX parse error: Expected 'EOF', got '#' at position 3: ('#̲login_res').on(…(window.parent.document).find(’#regis’).click();
});//触发父页面打开注册事件

科普一下:
父页面访问子页面可以用:
$(’#iframeID’).contents().find(’#元素id’)

子页面访问父页面:

KaTeX parse error: Expected 'EOF', got '#' at position 33: …cument).find(""#̲元素id"); 或者:("#元素id",window.parent.document);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值