按钮单击ThickBox弹出窗口

最新推荐文章于 2019-10-03 11:46:43 发布

原创最新推荐文章于 2019-10-03 11:46:43 发布 · 164 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #HTML #ViewUI

j2ee 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了ThickBox插件的基本用法，包括如何在链接中应用此插件以弹出模态窗口，以及如何在按钮点击事件中调用该插件。此外，还介绍了如何在弹出窗口中执行JavaScript代码，以及如何关闭弹出窗口和刷新父窗口内容。

ThickBox是一个强大的jQuery弹出窗口插件，一般的用法是在链接中，如：

Html代码

<a href="SearchWin.do?TB_iframe=true&height=380&width=480&modal=true" title="查询企业" class="thickbox" >
<img src="../images/search.png" border="0"/>
</a>

<a  href="SearchWin.do?TB_iframe=true&height=380&width=480&modal=true" title="查询企业" class="thickbox" >
<img src="../images/search.png" border="0"/>
</a>

指定a标签的class属性为thickbox即可。这里会弹出一个模态窗口，并且是在iframe中弹出，这样在弹出窗口中还可以执行js代码。
有的时候在按钮单击的时候也需要弹出窗口，那么可以这样做：

Js代码

tb_show('标题','StandDelay.do?booking='+t.title+'TB_iframe=true&height=150&width=400',false);

tb_show('标题','StandDelay.do?booking='+t.title+'TB_iframe=true&height=150&width=400',false);

来进行弹出框口。在窗口中可以通过

Js代码

self.parent.tb_remove();

self.parent.tb_remove();

来关闭窗口，也可以通过以下代码刷新父窗口的内容：

Js代码

self.parent.window.location.reload();