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事件,并传递参数。 首先,`click`事件是jQuery中用于监听元素被点击时触发的事件。它允许我们在用户点击DOM元素时执行特定的函数或代码块。基本的用法是在目标元素上调用`...
### JqueryMobile页面间跳转时的参数传递 在使用jQuery Mobile进行移动Web应用开发时,经常需要在不同页面之间传递参数。这种功能对于实现页面之间的数据交互至关重要。本文档将通过一个具体的代码示例来详细说明...
"jQuery鼠标滚轮事件"是一个非常实用的功能,它允许我们监听并响应用户使用鼠标滚轮时的操作,以此来实现诸如页面滚动、图片缩放等丰富的交互效果。在本文中,我们将深入探讨jQuery中关于鼠标滚轮事件的知识点。 ...
jquery与页面事件整合.xmind
本篇文章将深入探讨如何使用jQuery监听页面上的按钮事件,以实现丰富的用户交互。 一、jQuery的基本概念 jQuery是由John Resig创建的一个轻量级的JavaScript库,它的核心理念是"Write Less, Do More"。jQuery通过...
这是一份让你可以了解到JavaWeb开发中jquery(它是当前非常流行的javascript库)如何在不同页面中传数据,如何使用ajax进行数据初始化,对于初学javascript的同学是非常不错的入门代码实例。
1. **jQuery**:用于实现页面元素的选中、操作和事件绑定,以及动画效果的创建。 2. **HTML/CSS**:构建页面结构和样式。HTML用于定义内容,CSS负责美化页面布局和视觉效果。 3. **ECMAScript**:JavaScript的标准化...
在本项目中,“jQuery仿京东页面制作,组件封装”是一个非常适合初学者理解并实践jQuery库的应用实例。jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互,使得网页开发更加高效...
本项目"jQuery鼠标滚动事件动画 jQuery鼠标滚动事件动画宣传页面.zip"是利用jQuery实现的一种交互效果,特别是针对鼠标滚动事件的处理,用于创建动态且吸引人的宣传页面。这个压缩包包含了一个基于HTML5、CSS和...
总结,为jQuery添加自定义事件机制是通过`$.fn.extend`扩展jQuery功能,使用`on`和`off`来绑定和解除事件,通过`trigger`来触发事件,并可以传递参数。这种机制极大地丰富了jQuery的事件处理能力,使得开发者能够...
1. **事件监听**:jQuery提供了丰富的事件处理函数,例如`$(window).load()`或`$(document).ready()`,可以确保在子页面完全加载后执行特定的代码。这样,我们可以监听子页面的加载完成,然后执行父页面的相关操作。...
本文档主要讲述的是HTML5移动开发之路 jQueryMobile页面间参数传递;在单页模版中使用基于HTTP的方式通过POST和GET请求传递参数,而在多页模版中不需要与服务器进行通信,通常在多页模版中有以下三种方法来实现页面...
"jQuery 实现的等待加载页面"就是一种为了优化用户交互而设计的技术方案。jQuery,一个强大的JavaScript库,简化了DOM操作、事件处理和动画效果,使得创建这种功能变得更加简单。 首先,我们来看`jquery....
综上所述,"jquery动态页面加载进度条"插件结合了jQuery的DOM操作、事件处理、动画效果以及Ajax进度跟踪等多个技术点,旨在提升用户在等待页面加载过程中的体验。通过对这些知识点的深入理解和应用,开发者可以创建...
jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡...
"jQuery页面加载效果"是指利用JavaScript库jQuery实现的动态加载动画,它能够以吸引人的视觉方式展示网页内容正在加载的过程,使用户在等待期间不会感到乏味。这种效果在现代网页设计中被广泛应用,尤其在内容分块...
本文将通过一个具体的示例来介绍如何使用 jQuery 来实现页面之间的数据传递。 #### 二、技术栈与环境 本示例涉及的主要技术包括: - **jQuery**:用于简化 JavaScript 的 HTML 文档遍历、事件处理、动画以及 Ajax ...
**jQuery页面屏蔽器插件详解** 在Web开发中,有时候我们需要在页面加载或执行特定操作时暂时隐藏页面内容,防止用户交互,这时就需要用到页面屏蔽功能。"jQuery页面屏蔽器插件"就是为了满足这种需求而创建的。本文...
jQuery调整页面字号大小,jQuery调整页面字号大小,jQuery调整页面字号大小
在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了JavaScript的DOM操作,事件处理,动画设计以及Ajax交互。本篇文章将详细讲解如何利用jQuery实现iframe页面的切换功能,以便于创建更丰富的用户...