0
点赞
收藏
分享

微信扫一扫

jquery垮页面事件传递



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

举报

相关推荐

0 条评论