首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jQuery jBox饮弹出iframe的使用

2013-08-10 
jQuery jBox中弹出iframe的使用jBox是一个不错的组件库,可以用来比较简单地弹出窗口。 我希望在 jBox 弹出

jQuery jBox中弹出iframe的使用
jBox  是一个不错的组件库,可以用来比较简单地弹出窗口。

我希望在 jBox 弹出窗口之后,自动将焦点设置到子窗口的某个输入框中,可是发现并不容易。  

在 jBox 2.3 中,提供了如下的增强。

[调整] loaded 选项增加了个参数h,参数h表示窗口内容的jQuery对象,方便用户在窗口加载后对内容进行初始化处理。

示例中并没有说明 h 的使用方式。

那么,这个 h 是什么呢?

在使用 jBox 的时候,每个弹出的窗口,会创建一个 id 为 jbox-content 的 div 元素包裹所有的窗口内容。在 loaded 中,jBox 传递给函数的参数就是这个元素。这个元素的结构如下:



注意这个元素唯一的子元素为一个 iframe 元素,隔断了 jQuery 的查找。使得我们不能直接找到子窗口中的元素进行处理。

我们可以先找到这个元素的第一个孩子,就是这个 iframe,然后,取出它的名字,通过这个名字找到这个 iframe 对应的窗口,然后,在这个子窗口中查找我们的内容。

代码如下所示:
$.jBox("iframe:iframe2.html", {    loaded: function (h) {        var iframeName = h.children(0).attr("name");        var container = window.frames[iframeName].document        var elem = $("#name", container);        alert(elem.html());    }});


这样来取值做处理是还是挺方便的!

热点排行