使用thickbox层,但是事件发生在iframe层,导致只有iframe层呈现thickbox,而外层页面涛声依旧,很是难看。
修改忙活了很长时间,终于找到一个解决方案。
我们要达到iframe层事件触发的thickbox影响到整个页面,可对thickbox.js稍做修改。
本人IE 7.0 ,thickbox.js 3.1 ,jquery-1.2.6.js
[b]1.iframe内嵌页面[/b]
[b]2.iframe上层页面,注意,上级页面也需要加入下列信息[b]
[b]3.修改thickbox.js[/b]
原代码
修改为:
哈哈,成功了!
修改忙活了很长时间,终于找到一个解决方案。
我们要达到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;
});
}
哈哈,成功了!