我有一个需求需要在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");
}
})