`
曾经地迷茫
  • 浏览: 8324 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

ThickBox插件在 iframe中使用

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

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

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

<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>



3.修改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;
	});
}



哈哈,成功了!
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics