iframe如何触发父元素事件以及父页面控制iframe子页面元素
来源:互联网 发布:js是什么端语言 编辑:程序博客网 时间:2024/06/06 19:36
最近在开发登入窗口中运用到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
$('#login_res').on('click',function(){parent.$(window.parent.document).find('#regis').click();});//触发父页面打开注册事件
科普一下:
父页面访问子页面可以用:
$('#iframeID').contents().find('#元素id')
子页面访问父页面:
$(window.parent.document).find(""#元素id");或者:$("#元素id",window.parent.document);
阅读全文
1 0
- iframe如何触发父元素事件以及父页面控制iframe子页面元素
- js通过contentWindow控制iframe子页面元素点击事件,并把值传给父页面
- 父页面 获取 子iframe的元素
- iframe父页面获取子页面元素,子页面获取父页面元素
- 父页面取子页面iframe中的元素
- jquery 父页面取得iframe子页面中的元素
- iframe子页面获取父页面元素的方法
- iframe子页面获取父页面元素的方法
- easyUI的iframe子页面操作父页面元素
- easyUI的iframe子页面操作父页面元素
- iframe子页面获取父页面元素的方法
- iframe子页面获取父页面元素的方法
- easyUI的iframe子页面操作父页面元素
- iframe子页面获取父页面元素的方法
- iframe子页面与父页面的元素访问
- iframe子页面中获取父页面元素的值
- iframe刷新后,父页面获取子页面的元素
- iframe 跨域 (子页面如果获取父页面元素)
- Tomcat优化
- MySQL数据库-存储过程详解
- QT 奇数个中文保存到文件中会出现乱码问题
- log4j分级别打印日志+通过socket将日志传输至日志服务器
- Aiseesoft Burnova(多功能DVD刻录软件) 官方版 V1.3.6下载 | Aiseesoft专业dvd光盘刻录软件
- iframe如何触发父元素事件以及父页面控制iframe子页面元素
- 欢迎使用CSDN-markdown编辑器
- Opensuse42.2换源并给python3安装numpy,scipy.Matplotlib
- hibernate checkbox 根据id批量删除
- TCP 的那些事儿(上)
- hadoop集群启动失败
- tensorflow 安装
- MySQL · 引擎特性 · DROP TABLE之binlog解析
- retrofit_rxjava_okhttp封装类