Jquery弹出层插件Thickbox使用心得

Jquery弹出层插件Thickbox使用心得2011-04-15 博客园 geniushuai前段时间在建设银行项目上用EXT完整做了个单页系统，太赶了，没有记录下任何东西，现在都忘了，怪可惜的。这次项目用JQuery做js的东西。主要用了个弹出层控件thickbox，自己也扩展和修改了一下。这里就记下来，也提供大家下载，希望对大家有用吧。

thickbox官方网站（上面有例子和基本的使用方法）： http://jquery.com/demo/thickbox/

就我使用过程中，thickbox常见问题：

1 。跨iframe的弹出层。

症状：每次thickbox都只在frame中弹出，而不会整个屏幕覆盖

原因和解决方法：

thickbox使用tb_show（）函数在body后面加入弹出层。可以使用window.top.tb_show（）把弹出层加到页面上。我的tihickbox插件中修改如下：在 tb_init（）中把tb_show（t,a,g）替换如下

if（a.indexOf （"TB_iniframe"） ！= -1）
{
window.top.tb_show（t,a,g）;
}
else
{
tb_show（t,a,g）;
}

这样只只要在原来的链接上加入TB_iniframe=true即可，如div.aspx？ height=180&width=400&TB_iframe=true&TB_iniframe=true&modal=true

2.thickbox只支持一层弹出，不可支持多层弹出。

修改过的控件已经支持（不足：ie6下失效弹出层失效了，占时没解决，哈哈）