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 相关文章推荐
调用DOM对象的focus使文本框获得焦点
Feb 19 Javascript
jquery拖拽排序简单实现方法(效果增强版)
Feb 16 Javascript
jquery对dom节点的操作【推荐】
Apr 15 Javascript
jQuery ajax中使用confirm,确认是否删除的简单实例
Jun 17 Javascript
vue2.0中goods选购栏滚动算法的实现代码
May 17 Javascript
vue params、query传参使用详解
Sep 12 Javascript
详解Vue快速零配置的打包工具——parcel
Jan 16 Javascript
JS实现的input选择图片本地预览功能示例
Aug 29 Javascript
在create-react-app中使用sass的方法示例
Oct 01 Javascript
Vue中CSS动画原理的实现
Feb 13 Javascript
小程序根据手机机型设置自定义底部导航距离
Jun 04 Javascript
微信小程序渲染性能调优小结
Jul 30 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解析html的实现代码
2011/08/08 PHP
thinkphp的c方法使用示例
2014/02/24 PHP
php实现把url转换迅雷thunder资源下载地址的方法
2014/11/07 PHP
PHP操作FTP类 (上传、下载、移动、创建等)
2016/03/31 PHP
thinkphp中U方法按路由规则生成url的方法
2018/03/12 PHP
Thinkphp5.0框架的Db操作实例分析【连接、增删改查、链式操作等】
2019/10/11 PHP
通过PHP的Wrapper无缝迁移原有项目到新服务的实现方法
2020/04/02 PHP
Javascript日期对象的dateAdd与dateDiff方法
2008/11/18 Javascript
用Mootools获得操作索引的两种方法分享
2011/12/12 Javascript
jquery选择器的选择使用及性能介绍
2013/01/16 Javascript
Javascript实现滚动图片新闻的实例代码
2013/11/27 Javascript
js创建元素(节点)示例
2014/01/02 Javascript
脚本合并提升javascript性能示例
2014/02/24 Javascript
一个字符串中出现次数最多的字符 统计这个次数【实现代码】
2016/04/29 Javascript
jQuery on()方法绑定动态元素的点击事件无响应的解决办法
2016/07/07 Javascript
jQuery设置Easyui校验规则(推荐)
2016/11/21 Javascript
canvas 画布在主流浏览器中的尺寸限制详细介绍
2016/12/15 Javascript
jsonp跨域请求详解
2017/07/13 Javascript
基于Node.js模板引擎教程-jade速学与实战1
2017/09/17 Javascript
JavaScript中Require调用js的实例分享
2017/10/27 Javascript
详解基于Vue-cli搭建的项目如何和后台交互
2018/06/29 Javascript
微信小程序在地图选择地址并返回经纬度简单示例
2018/12/03 Javascript
JavaScript 实现HTML DOM增删改查操作的常见方法详解
2020/01/04 Javascript
[50:21]Liquid vs Winstrike 2018国际邀请赛小组赛BO2 第二场
2018/08/19 DOTA
Python中的连接符(+、+=)示例详解
2017/01/13 Python
Python实现爬虫设置代理IP和伪装成浏览器的方法分享
2018/05/07 Python
python实现猜拳游戏
2020/03/04 Python
在Keras中实现保存和加载权重及模型结构
2020/06/15 Python
年度考核自我鉴定
2013/11/09 职场文书
人力资源部经理助理岗位职责
2014/03/04 职场文书
学生个人自我鉴定范文
2014/03/28 职场文书
职业生涯规划书结束语
2014/04/15 职场文书
员工安全责任书范本
2014/07/24 职场文书
房地产经营管理专业自荐信
2014/09/02 职场文书
2014年营销工作总结
2014/11/22 职场文书
党员带头倡议书
2015/04/29 职场文书