使用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;
});
}
哈哈,成功了!
分享到:
相关推荐
jquery插件thickbox的使用方法
thickbox插件可以实现页面模态框的效果,并且兼容大部分的浏览器。
Thickbox 3.1插件包,其中包裹Thickbox 3.1_js文件和thickbox.css样式包和所需注释及参考
ThickBox 能在使用者滚动页面或改变浏览器窗口大小的同时始终保持居中. 点击图片, 覆盖层, 或关闭链接能移除 ThickBox. ThickBox 的创作者决定动画应该因人而异, 所以 ThickBox 不再使用动画了. 这是特性吗? 哦, 有...
基于jQuery弹出层插件thickbox 智能提示
ThickBox是多功能性的,它提供有對於圖像、內置框架、內嵌內容、AJAX內容 等變化, 在點擊連結後能在網頁形成美觀的透明層展示,在改變瀏覽器大小或捲動捲軸時都能保持居中.
thickbox.js插件学习,很实用,很好用,很灵活,可以在iframe里任意定义。入门实例。http://blog.csdn.net/greatverve/archive/2008/12/23/3588955.aspx我的网址:www.0379zd.com
NULL 博文链接:https://q445862108.iteye.com/blog/1013002
thickbox的具体使用方法 有具体的实例
ThickBox 是一个基于 JQuery 类库的扩展,它能在浏览器界面上显示非常棒的弹出框,它可以显示单图片,多图片,AJAX 请求内容或链接内容。 使用介绍: http://blog.csdn.net/intcry/archive/2010/11/25/6035639.aspx
一个小项目中用到,奉命进行修改,定位到
jQuery Thickbox3.1 弹出层插件
jquery 弹出层插件 ThickBox 多功能弹出层插件支持... jquery 弹出层插件 ThickBox 多功能弹出层插件支持... jquery 弹出层插件 ThickBox 多功能弹出层插件支持...
JQUERY插件THICKBOX的功能很强大,但是它的基本使用却很简单容易.但是要研究的更深,运用得更加灵活的话,还是有点难度,根据其官方站点介绍
ThickBox 3_1 <br>最新的ThickBox JS库,使用方便。 <br>具体参考:http://jquery.com/demo/thickbox/
ThickBox 多功能弹出层插件支持图片、ajax、内嵌内容弹等演示页面
ThickBox3.1弹出层ThickBox3.1弹出层ThickBox3.1弹出层ThickBox3.1弹出层ThickBox3.1弹出层
熟悉thickbox的就知道此插件是做什么用的了,也就很容易入手此插件了,使用方法和thickbox几乎一样。此插件参考了thickbox,而且照搬了大部分代码,可以说是thickbox的升级版,也可以说是thickbox的修改版。除实现...