使用thickbox层,但是事件发生在iframe层,导致只有iframe层呈现thickbox,。
解决方案:
我们要达到iframe层事件触发的thickbox影响到整个页面,可对thickbox.js稍做修改。
function tb_init(domChunk){
$(domChunk).click(function(){
var t = this.title || this.name || null;
var a = this.href || this.alt;
var g = this.rel || false;
tb_show(t,a,g);
this.blur();
return false;
});
}
function tb_init(domChunk){
$(domChunk).click(function(){
var t = this.title || this.name || null;
var a = this.href || this.alt;
var g = this.rel || false;
self.parent.tb_show(t,a,g);//××××××××××××
this.blur();
return false;
});
}
分享到:
相关推荐
3. **Iframe支持**:Thickbox可以通过Iframe嵌入外部网站或页面,这对于需要在保持父页面上下文不变的情况下展示第三方内容非常有用。 4. **浏览器兼容性**:Thickbox被设计成能兼容大多数现代浏览器,包括Firefox...
### ThickBox关闭层自动刷新与页面数据提交冲突问题解析 #### 问题背景及现象 在进行Web开发过程中,经常会遇到需要使用弹出层的情况。ThickBox作为一个常用的弹出层插件,因其简单易用而受到许多开发者的青睐。...
Thickbox通过JavaScript和CSS来创建一个全屏的遮罩层,并在其中加载内容。要调用Thickbox,可以使用HTML的`<a>`标签,附加`class="thickbox"`和一些特定的属性,例如`tb_width`和`tb_height`来定义弹出窗口的大小。...
这个修改使得Thickbox能够正确地在父页面上创建弹出层,并且将Iframe链接的内容加载到Thickbox的弹出窗口中,实现了跨窗口的交互。这样的设计对于那些希望在保持现有页面内容的同时,提供额外信息或交互功能的网站来...
最后在父页面和遮罩层里的文本框中输入值后点登录可以得到这几个文本框的值。 将thickbox.js里的tb_init(domChunk)函数替换为: function tb_init(domChunk) { jQuery(domChunk).click(function() { var t = this...