iframe里面的元素触发父窗口元素事件的jquery代码


Posted in Javascript onOctober 19, 2014

例如父窗口定义了一个事件。

top:

$(dom1).bind('topEvent', function(){});

那么iframe里面的元素怎样触发父窗口dom1的事件呢?这样吗?

$(dom1, parent.document).trigger('topEvent');

看似正确,实则误导人。

因为父窗口的jquery对象与iframe里面的jquery对象实际为两个对象(function),iframe里面的jquery并不会触发另一个jquery对象定义的事件。除非你在iframe这样定义了:

iframe:

self.$ = parent.$;

所以解决的方法很简单:

parent.$(dom1,parent.doucment).trigger('topEvent');

调用父jquery执行该事件就行了。

话说iframe应该不必再引进jquery文件的,与父窗口共用一个jquery就行了,这样很环保。

Javascript 相关文章推荐
通过jQuery源码学习javascript(二)
Dec 27 Javascript
gridview生成时如何去掉style属性中的border-collapse
Sep 30 Javascript
浅谈jQuery中replace()方法
May 13 Javascript
javascript顺序加载图片的方法
Jul 18 Javascript
javascript 继承学习心得总结
Mar 17 Javascript
jQuery基于json与cookie实现购物车的方法
Apr 15 Javascript
JS异步文件分片断点上传的实现思路
Dec 25 Javascript
Vue.js实战之使用Vuex + axios发送请求详解
Apr 04 Javascript
使用svg实现动态时钟效果
Jul 17 Javascript
React styled-components设置组件属性的方法
Aug 07 Javascript
Javascript Symbol原理及使用方法解析
Oct 22 Javascript
利用js实现简单开关灯代码
Nov 23 Javascript
js添加select下默认的option的value和text的方法
Oct 19 #Javascript
使用变量动态设置js的属性名
Oct 19 #Javascript
js控制鼠标事件移动及移出效果显示
Oct 19 #Javascript
js读取json的两种常用方法示例介绍
Oct 19 #Javascript
Jquery解析Json格式数据过程代码
Oct 17 #Javascript
jQuery实现点击该行即可删除HTML表格行
Oct 17 #Javascript
JQuery判断radio是否选中并获取选中值的示例代码
Oct 17 #Javascript
You might like
德劲1103二次变频版的打磨
2021/03/02 无线电
PHP 程序员也要学会使用“异常”
2009/06/16 PHP
php读取der格式证书乱码解决方法
2015/06/22 PHP
PHP防盗链的基本思想 防盗链的设置方法
2015/09/25 PHP
PHP如何读取由JavaScript设置的Cookie
2017/03/22 PHP
PHP使用Redis实现防止大并发下二次写入的方法
2017/10/09 PHP
PHP删除数组中特定元素的两种方法
2019/02/28 PHP
js中function()使用方法
2013/12/24 Javascript
from表单多个按钮提交用onclick跳转不同action
2014/04/24 Javascript
让checkbox不选中即将选中的checkbox不选中
2014/07/11 Javascript
Json实现异步请求提交评论无需跳转其他页面
2014/10/11 Javascript
JQuery解析XML数据的几个简单实例
2016/05/18 Javascript
JS获取IE版本号与HTML设置IE文档模式的方法
2016/10/09 Javascript
JS基于正则实现数字千分位用逗号分隔的方法
2017/06/16 Javascript
JS实现json对象数组按对象属性排序操作示例
2018/05/18 Javascript
详解webpack自定义loader初探
2018/08/29 Javascript
JavaScript 性能提升之路(推荐)
2019/04/10 Javascript
Vue使用lodop实现打印小结
2019/07/06 Javascript
基于循环神经网络(RNN)的古诗生成器
2018/03/26 Python
Python创建普通菜单示例【基于win32ui模块】
2018/05/09 Python
python程序封装为win32服务的方法
2021/03/07 Python
python中数组和矩阵乘法及使用总结(推荐)
2019/05/18 Python
python获取array中指定元素的示例
2019/11/26 Python
Keras 实现加载预训练模型并冻结网络的层
2020/06/15 Python
Python中的None与 NULL(即空字符)的区别详解
2020/09/24 Python
python中的插入排序的简单用法
2021/01/19 Python
HTML5中原生的右键菜单创建方法
2016/06/28 HTML / CSS
心得体会的写法
2014/09/05 职场文书
要账委托书范本
2014/09/15 职场文书
计划生育证明格式及范本
2014/10/09 职场文书
2014年平安夜寄语
2014/12/08 职场文书
求职自我评价范文
2015/03/09 职场文书
网络新闻该怎么写?这些写作技巧你都知道吗?
2019/08/26 职场文书
《家庭教育》读后感3篇
2019/12/18 职场文书
德劲DE1102数字调谐收音机机评
2022/04/07 无线电
搭建zabbix监控以及邮件报警的超级详细教学
2022/07/15 Servers