我有一个需求需要在top页面广播一个事件,然后所有的iframe 或 frame中的页面接收到这个事件后做出对应的响应,实现基于jquery库。
代码如下:
在top页面里这么写
$("iframe,frame").each(function(){ $(this.contentWindow.document).trigger("idle") })
在子页面里这么写
$(document).bind("idle",callback)
乍一看 貌似是可行的,但是实际上是不会生效的。
为什么?
虽然 事件都是绑定到了同一个 document对象上,但是实际上 用以进行事件出发的jquery对象本身($)和进行监听绑定的jquery对象不是同一个,所以应该改成下面这种。
$("iframe,frame").each(function(){ var sub_jquery=this.contentWindow.$; if(sub_jquery){ sub_jquery(this.contentWindow.document).trigger("idle"); } })
时间: 2024-10-10 04:53:42