`

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绑定click事件传递参数

    本文将深入探讨如何使用jQuery来绑定click事件,并传递参数。 首先,`click`事件是jQuery中用于监听元素被点击时触发的事件。它允许我们在用户点击DOM元素时执行特定的函数或代码块。基本的用法是在目标元素上调用`...

    JqueryMobile页面间跳转时的参数传递

    ### JqueryMobile页面间跳转时的参数传递 在使用jQuery Mobile进行移动Web应用开发时,经常需要在不同页面之间传递参数。这种功能对于实现页面之间的数据交互至关重要。本文档将通过一个具体的代码示例来详细说明...

    jquery鼠标滚轮事件

    "jQuery鼠标滚轮事件"是一个非常实用的功能,它允许我们监听并响应用户使用鼠标滚轮时的操作,以此来实现诸如页面滚动、图片缩放等丰富的交互效果。在本文中,我们将深入探讨jQuery中关于鼠标滚轮事件的知识点。 ...

    jquery与页面事件整合.xmind

    jquery与页面事件整合.xmind

    jquery 监听页面按钮

    本篇文章将深入探讨如何使用jQuery监听页面上的按钮事件,以实现丰富的用户交互。 一、jQuery的基本概念 jQuery是由John Resig创建的一个轻量级的JavaScript库,它的核心理念是"Write Less, Do More"。jQuery通过...

    jquery页面数据传递、ajax

    这是一份让你可以了解到JavaWeb开发中jquery(它是当前非常流行的javascript库)如何在不同页面中传数据,如何使用ajax进行数据初始化,对于初学javascript的同学是非常不错的入门代码实例。

    漂亮精美的JQuery登录页面模版

    1. **jQuery**:用于实现页面元素的选中、操作和事件绑定,以及动画效果的创建。 2. **HTML/CSS**:构建页面结构和样式。HTML用于定义内容,CSS负责美化页面布局和视觉效果。 3. **ECMAScript**:JavaScript的标准化...

    jQuery仿京东页面制作,组件封装

    在本项目中,“jQuery仿京东页面制作,组件封装”是一个非常适合初学者理解并实践jQuery库的应用实例。jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互,使得网页开发更加高效...

    jQuery鼠标滚动事件动画 jQuery鼠标滚动事件动画宣传页面.zip

    本项目"jQuery鼠标滚动事件动画 jQuery鼠标滚动事件动画宣传页面.zip"是利用jQuery实现的一种交互效果,特别是针对鼠标滚动事件的处理,用于创建动态且吸引人的宣传页面。这个压缩包包含了一个基于HTML5、CSS和...

    为jQuery添加自定义事件机制

    总结,为jQuery添加自定义事件机制是通过`$.fn.extend`扩展jQuery功能,使用`on`和`off`来绑定和解除事件,通过`trigger`来触发事件,并可以传递参数。这种机制极大地丰富了jQuery的事件处理能力,使得开发者能够...

    jquery应用子页面在父页面打开

    1. **事件监听**:jQuery提供了丰富的事件处理函数,例如`$(window).load()`或`$(document).ready()`,可以确保在子页面完全加载后执行特定的代码。这样,我们可以监听子页面的加载完成,然后执行父页面的相关操作。...

    jquery 实现的等待加载页面

    "jQuery 实现的等待加载页面"就是一种为了优化用户交互而设计的技术方案。jQuery,一个强大的JavaScript库,简化了DOM操作、事件处理和动画效果,使得创建这种功能变得更加简单。 首先,我们来看`jquery....

    jquery动态页面加载进度条

    综上所述,"jquery动态页面加载进度条"插件结合了jQuery的DOM操作、事件处理、动画效果以及Ajax进度跟踪等多个技术点,旨在提升用户在等待页面加载过程中的体验。通过对这些知识点的深入理解和应用,开发者可以创建...

    jquery-事件冒泡

    jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡...

    jquery页面加载效果

    "jQuery页面加载效果"是指利用JavaScript库jQuery实现的动态加载动画,它能够以吸引人的视觉方式展示网页内容正在加载的过程,使用户在等待期间不会感到乏味。这种效果在现代网页设计中被广泛应用,尤其在内容分块...

    jquery实现页面之间的传值功能

    本文将通过一个具体的示例来介绍如何使用 jQuery 来实现页面之间的数据传递。 #### 二、技术栈与环境 本示例涉及的主要技术包括: - **jQuery**:用于简化 JavaScript 的 HTML 文档遍历、事件处理、动画以及 Ajax ...

    jquery页面屏蔽器插件

    **jQuery页面屏蔽器插件详解** 在Web开发中,有时候我们需要在页面加载或执行特定操作时暂时隐藏页面内容,防止用户交互,这时就需要用到页面屏蔽功能。"jQuery页面屏蔽器插件"就是为了满足这种需求而创建的。本文...

    jQuery调整页面字号大小

    jQuery调整页面字号大小,jQuery调整页面字号大小,jQuery调整页面字号大小

    JQUERY实现iframe页面切换功能

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了JavaScript的DOM操作,事件处理,动画设计以及Ajax交互。本篇文章将详细讲解如何利用jQuery实现iframe页面的切换功能,以便于创建更丰富的用户...

    jQuery页面上下滚动触发区块动画特效

    在这款特效中,jQuery被用来监听页面滚动事件,以及控制元素的动画展示。通过使用jQuery,开发者可以更方便地实现复杂的页面交互功能,而无需编写大量原生JavaScript代码。 ### 2. 页面滚动事件 页面滚动事件是...

Global site tag (gtag.js) - Google Analytics