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