jquery垮页面事件传递

http://my.oschina.net/u/157514/blog/497001
我有一个需求需要在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");
     }
})

你可能感兴趣的:(jquery垮页面事件传递)