iframe里面的元素触发父窗口元素事件的jquery代码
更新时间：2014年10月19日 17:15:33 投稿：whsnow
这篇文章主要介绍了jquery:iframe里面的元素怎样触发父窗口元素的事件，很简单，但很实用，需要的朋友可以看看
例如父窗口定义了一个事件。
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就行了，这样很环保。
您可能感兴趣的文章:
相关文章
对于 xhr 对象来说，我们主要通过异步方式访问服务器，在 onreadystatechange 事件中处理服务器回应的内容。简单的 xhr 使用如下所示。2010-08-08
本文主要是介绍了jQuery中on方法及trigger方法，以及围绕这个方法来体验的观察者模式，是篇非常不错的文章，对我们理解观察者模式很有帮助。2014-12-12
这篇文章主要介绍了jQuery实现的模拟弹出窗口功能,结合实例形式分析了jQuery弹出窗口的初始化、坐标、背景设置等相关操作技巧,需要的朋友可以参考下2016-11-11
jQuery File Upload 是一个Jquery文件上传组件，支持多文件上传、取消、删除，上传前缩略图预览、列表显示图片大小，支持上传进度条显示；支持各种动态语言开发的服务器端.这篇文章主要介绍了jQuery File Upload文件上传插件使用,需要的朋友可以参考下2016-12-12
有个需求就是异步验证用户名是否存在。用的技术是jQuery异步验证和struts2，大家可以参考下2014-05-05
在网页上只有一个小区域，但是说明性的文字又很长，下面这段脚本实现的是长文字的部分显示，有类似需求的朋友可以参考下哈，希望对你有所帮助2013-05-05
详解使用jQuery.i18n.properties实现js国际化
这篇文章主要介绍了使用jQuery.i18n.properties实现js国际化，具有一定的参考价值，感兴趣的可以随小编看一看2018-05-05
jQuery 解析xml文件实现脚本代码，用到了jquery如何解析xml文件，和大家分享一下2009-08-08
JQuery扩展插件Validate—4设置错误提示的样式,使用Validate的朋友可以参考下。2011-09-09
jQuery validate(submitHandler函数)验证通过发送Ajax(实例详解)
这篇文章主要介绍了jQuery validate(submitHandler函数)验证通过发送Ajax，可以用validate框架验证元素，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友参考下吧2022-10-10
最新评论