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就行了，这样很环保。
您可能感兴趣的文章:
相关文章
本篇文章主要是对jquery选择器之基本过滤选择器进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
jquery带翻页动画的电子杂志是一款jquery.booklet电子书小册子带翻页动画的电子杂志书本，感兴趣的小伙伴们可以参考一下2015-08-08
使用jquery判断一个元素是否含有一个指定的类(class)实例
下面小编就为大家带来一篇使用jquery判断一个元素是否含有一个指定的类(class)实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
本文主要给大家介绍的是jQuery实现的进度效果的实例代码，其实现原理就是使用 Javascript 控制 SPAN CSS 的宽度（以及其他的样式）有需要的小伙伴可以参考下。2015-07-07
本文给大家分享jquery自适应窗口大小导航菜单，也是一款响应式的导航菜单，有深色样式、浅色样式、自定义样式，接下来，需要的学习的小伙伴参考此文吧2015-09-09
本篇文章给大家分享了20个最常见的jQuery面试问题及答案，对此有需要的朋友可以参考下。2018-05-05
这篇文章主要介绍了jQuery中on()方法用法,实例分析了on()方法的功能及各种常见的使用技巧,并对比分析了与bind(),live(),delegate()等方法的区别,需要的朋友可以参考下2015-02-02
sliderToggle在写jquery的计时器setTimeouter中不生效
sliderToggle在setTimeouter中不生效，还报错说是发生了意想不到的错误2014-05-05
这篇文章主要介绍了jQuery+ajax实现无刷新级联菜单示例，代码很完整，也非常实用，有需要的小伙伴可以参考下。2015-05-05
这篇文章主要介绍了jquery图片滚动放大效果，功能实现非常简单，推荐给大家，有需要的小伙伴可以参考下。2015-08-08
最新评论