iframe里面的元素触发父窗口元素事件的jquery代码

2019-12-21,,,,

例如父窗口定义了一个事件

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就行了,这样很环保。

您可能感兴趣的文章:

  • JQueryiframe页面操作父页面中的元素与方法(实例讲解)
  • jquery、js调用iframe父窗口与子窗口元素的方法整理
  • js与jQuery 获取父窗、子窗的iframe
  • JQuery操作iframe父页面与子页面的元素与方法(实例讲解)
  • jquery 查找iframe父级页面元素的实现代码
  • 使用jquery/js获取iframe父子级、同级获取元素的方法
  • JQUERY 获取IFrame中对象及获取其父窗口中对象示例
  • jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码
  • jQuery实现iframe父窗体和子窗体的相互调用
  • 利用JQuery操作iframe父页面、子页面的元素和方法汇总

《iframe里面的元素触发父窗口元素事件的jquery代码.doc》

下载本文的Word格式文档,以方便收藏与打印。