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 相关文章推荐
js 函数的副作用分析
Aug 23 Javascript
IE浏览器IFrame对象内存不释放问题解决方法
Aug 22 Javascript
javascript动态设置样式style实例分析
May 13 Javascript
jquery.fastLiveFilter.js实现输入自动过滤的方法
Aug 11 Javascript
基于JS实现导航条之调用网页助手小精灵的方法
Jun 17 Javascript
Javascript将数值转换为金额格式(分隔千分位和自动增加小数点)
Jun 22 Javascript
xmlplus组件设计系列之树(Tree)(9)
May 02 Javascript
JS实现前端缓存的方法
Sep 21 Javascript
AngularJS实现表单验证功能详解
Oct 12 Javascript
javascript数组拍平方法总结
Jan 20 Javascript
js实现敏感词过滤算法及实现逻辑
Jul 24 Javascript
Layui 导航默认展开和菜单栏选中高亮设置的方法
Sep 04 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
PHP中isset与array_key_exists的区别实例分析
2015/06/02 PHP
DWZ+ThinkPHP开发时遇到的问题分析
2016/12/12 PHP
PHP获取当前系统时间的方法小结
2018/10/03 PHP
PHP后期静态绑定实例浅析
2018/12/21 PHP
php解决安全问题的方法实例
2019/09/19 PHP
PHP常用函数之获取汉字首字母功能示例
2019/10/21 PHP
基于jQuery的星级评分插件
2011/08/12 Javascript
JS判断文本框内容改变事件的简单实例
2014/03/07 Javascript
JS常用表单验证方法总结
2014/05/22 Javascript
node.js正则表达式获取网页中所有链接的代码实例
2014/06/03 Javascript
javascript数组对象常用api函数小结(连接,插入,删除,反转,排序等)
2016/09/20 Javascript
详解angular2采用自定义指令(Directive)方式加载jquery插件
2017/02/09 Javascript
Node.JS文件系统解析实例详解
2017/05/15 Javascript
vue-cli中打包图片路径错误的解决方法
2017/10/26 Javascript
在vue中获取token,并将token写进header的方法
2018/09/26 Javascript
微信小程序用户位置权限的获取方法(拒绝后提醒)
2018/11/15 Javascript
layui使用表格渲染获取行数据的例子
2019/09/13 Javascript
DJANGO-ALLAUTH社交用户系统的安装配置
2014/11/18 Python
Python Web框架Flask中使用百度云存储BCS实例
2015/02/08 Python
numpy中实现ndarray数组返回符合特定条件的索引方法
2018/04/17 Python
python实现requests发送/上传多个文件的示例
2018/06/04 Python
Python3爬虫里关于代理的设置总结
2020/07/30 Python
泰国综合购物网站:Lazada泰国
2018/04/09 全球购物
简单介绍Object类的功能、常用方法
2013/10/02 面试题
枚举和一组预处理的#define有什么不同
2016/09/21 面试题
优秀员工自荐信范文
2013/10/05 职场文书
传播学专业毕业生自荐信
2013/11/04 职场文书
大学生蛋糕店创业计划书
2014/01/13 职场文书
十月份红领巾广播稿
2014/01/22 职场文书
2014年公务员思想汇报范文:全心全意为人民服务
2014/03/06 职场文书
物流专业自荐信
2014/05/23 职场文书
庆七一活动总结
2014/08/27 职场文书
机票销售员态度不好检讨书
2014/09/27 职场文书
捐书活动倡议书
2015/04/27 职场文书
拾金不昧表扬信怎么写
2015/05/04 职场文书
golang中的空接口使用详解
2021/03/30 Python