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

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

时间: 2024-10-31 14:17:39

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

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

例如父窗口定义了一个事件. top: $(dom1).bind('topEvent', function(){}); 那么iframe里面的元素怎样触发父窗口dom1的事件呢?这样吗? $(dom1, parent.document).trigger('topEvent'); 看似正确,实则误导人. 因为父窗口的jquery对象与iframe里面的jquery对象实际为两个对象(function),iframe里面的jquery并不会触发另一个jquery对象定义的事件.除非你在iframe这样

iframe里面的页面调用父窗口,左右窗口js函数的方法

iframe里面的页面调用父窗口,左右窗口js函数的方法 实现iframe内部页面直接调用该iframe所属父窗口自定义函数的方法. 比如有A窗口,A内有个IFRAME B,B里面的装载的是C页面,这时C要直接调用A里面的一个自定义函数AFUN(); 那么只要在C页面中写如下JS函数就可以了: window.parent.AFUN(); 如果AFUN()有参数也可以直接传递合适的参数进去. 例如: 修改父窗口控件属性 window.parent.document.getElementById('

javascript 调用js:javascript中iframe里面的页面调用父窗口js函数的方法

实现iframe内部页面直接调用该iframe所属父窗口自定义函数的方法.比如有A窗口,A内有个IFRAME. B,B里面的装载的是C页面,这时C要直接调用A里面的一个自定义函数ExpandPage();那么只要在C页面中写如下JS函数就可以了:window.parent.ExpandPage();如果ExpandPage()有参数也可以直接传递合适的参数进去. 本文链接http://www.cxybl.com/html/wyzz/JavaScript_Ajax/20130131/36765.h

javascript中iframe里面的页面调用父窗口js函数的方法

实现iframe内部页面直接调用该iframe所属父窗口自定义函数的方法. 比如有A窗口,A内有个IFRAME. B,B里面的装载的是C页面,这时C要直接调用A里面的一个自定义函数ExpandPage(); 那么只要在C页面中写如下JS函数就可以了: window.parent.ExpandPage(); 如果ExpandPage()有参数也可以直接传递合适的参数进去.

鼠标经过子元素触发mouseout,mouseover事件的解决方案_javascript技巧

我想实现的目标:当鼠标进入黑色框时,橙色框执行淡入动画:当黑色框范围移动的时候(即使经过粉色框,动画仍然不被触发):当鼠标移出的时候,橙色方块消失. 遇到的问题阐述:当鼠标移入黑色框的时候,橙色框执行淡入动画,但是当鼠标从黑色框经过粉色框的时候,橙色框就消失了,然后又执行一遍淡入动画.当鼠标从粉色框移出到黑色框的时候,橙色框的淡入动画又被执行.这不是我想要的. 初期代码: <!DOCTYPE html> <html> <head> <script src=&quo

在新窗口打开链接的jquery代码

script type="text/javascript教程"> jQuery(document).ready(function($) { $('.111cn.net a').attr({target: "_blank"}); }); </script> 第二种: 代码如下: <script src="http://code.jquery.com/jquery-latest.js"></script> &

tooltip 设置之后扰乱父窗口的事件监控。。

问题描述 我的窗口有如下代码,实现任意拖动窗口和鼠标出入时的窗口透明度变化.窗口上有一个label,设置tooltip之前一切正常,设置之后,该窗口无法在label上实现拖动了(必须点无控件占据的空白位置才能拖动),而且透明度的部分也无法在label上实现了如何改进?privatevoidformMousePressed(java.awt.event.MouseEventevt){offsetX=evt.getX();offsetY=evt.getY();}privatevoidformMous

解析jquery获取父窗口的元素

("#父窗口元素ID",window.parent.document); 对应javascript版本为window.parent.document.getElementByIdx_x("父窗口元素ID"): 取父窗口的元素方法:$(selector, window.parent.document); 那么你取父窗口的父窗口的元素就可以用:$(selector, window.parent.parent.document); 类似的,取其它窗口的方法大同小异 $(s

解析jquery获取父窗口的元素_jquery

("#父窗口元素ID",window.parent.document); 对应javascript版本为window.parent.document.getElementByIdx_x("父窗口元素ID"): 取父窗口的元素方法:$(selector, window.parent.document);那么你取父窗口的父窗口的元素就可以用:$(selector, window.parent.parent.document);类似的,取其它窗口的方法大同小异$(sele