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 浮动导航菜单适合购物商品类型的网站
Sep 09 Javascript
修改或扩展jQuery原生方法的代码实例
Jan 13 Javascript
jQuery ui实现动感的圆角渐变网站导航菜单效果代码
Aug 26 Javascript
基于JavaScript实现移动端点击图片查看大图点击大图隐藏
Nov 04 Javascript
DWR中各种java方法的调用
May 04 Javascript
值得分享和收藏的xmlplus组件学习教程
May 05 Javascript
基于jquery.page.js实现分页效果
Jan 01 jQuery
vue-cli 为项目设置别名的方法
Oct 15 Javascript
Openlayers3实现车辆轨迹回放功能
Sep 29 Javascript
详解vue-router的导航钩子(导航守卫)
Nov 02 Javascript
解决element-ui的下拉框有值却无法选中的情况
Nov 07 Javascript
在vue中动态修改css其中一个属性值操作
Dec 07 Vue.js
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
php与php MySQL 之间的关系
2009/07/17 PHP
在yii中新增一个用户验证的方法详解
2013/06/20 PHP
php实现获取文件mime类型的方法
2015/02/11 PHP
在Win2003(64位)中配置IIS6+PHP5.2.17+MySQL5.5的运行环境
2016/04/04 PHP
基于laravel belongsTo使用详解
2019/10/18 PHP
麻雀虽小五脏俱全 Dojo自定义控件应用
2010/09/04 Javascript
jQuery阻止同类型事件小结
2013/04/19 Javascript
JS JQUERY实现滚动条自动滚到底的方法
2015/01/09 Javascript
AngularJS使用自定义指令替代ng-repeat的方法
2016/09/17 Javascript
用director.js实现前端路由使用实例
2017/01/27 Javascript
canvas实现粒子时钟效果
2017/02/06 Javascript
React复制到剪贴板的示例代码
2017/08/22 Javascript
使用mock.js随机数据和使用express输出json接口的实现方法
2018/01/07 Javascript
vue.js实现格式化时间并每秒更新显示功能示例
2018/07/07 Javascript
解决vue跨域axios异步通信问题
2019/04/17 Javascript
vue 搭建后台系统模块化开发详解
2019/05/01 Javascript
微信小程序收货地址API兼容低版本解决方法
2019/05/18 Javascript
微信小程序动态添加和删除组件的现实
2020/02/28 Javascript
微信小程序学习之自定义滚动弹窗
2020/12/20 Javascript
[49:08]OpTic vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python遍历目录中的所有文件的方法
2016/07/08 Python
Python cookbook(数据结构与算法)找出序列中出现次数最多的元素算法示例
2018/03/15 Python
python 将json数据提取转化为txt的方法
2018/10/26 Python
在Qt中正确的设置窗体的背景图片的几种方法总结
2019/06/19 Python
欧舒丹美国官网:L’Occitane美国
2018/02/23 全球购物
英国银首饰公司:e&e Jewellery
2021/02/11 全球购物
汽车运用工程毕业生自荐信
2013/10/29 职场文书
2014年关工委工作总结
2014/11/17 职场文书
工作检讨书大全
2015/01/26 职场文书
邮政营业员岗位职责
2015/04/14 职场文书
倡议书范文大全
2015/04/28 职场文书
写给媳妇的检讨书
2015/05/06 职场文书
勇敢的心观后感
2015/06/09 职场文书
学习焦裕禄先进事迹心得体会
2016/01/23 职场文书
MySQL实例精讲单行函数以及字符数学日期流程控制
2021/10/15 MySQL
清空 Oracle 安装记录并重新安装
2022/04/26 Oracle