ThickBox插件在 iframe中使用

使用thickbox层,但是事件发生在iframe层,导致只有iframe层呈现thickbox,而外层页面涛声依旧,很是难看。

修改忙活了很长时间,终于找到一个解决方案。
我们要达到iframe层事件触发的thickbox影响到整个页面,可对thickbox.js稍做修改。

本人IE 7.0 ,thickbox.js 3.1 ,jquery-1.2.6.js
[b]1.iframe内嵌页面[/b]


<link rel="stylesheet" href="/thickbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="thickbox.js"></script>


[b]2.iframe上层页面,注意,上级页面也需要加入下列信息[b]


<link rel="stylesheet" href="/thickbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="thickbox.js"></script>



[b]3.修改thickbox.js[/b]
原代码

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;
});
}



哈哈,成功了!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值