thickbox是jQuery插件
首先它是js
js报错后就会影响正常使用
thickbox的使用过程:
- 引入文件
<link rel="stylesheet"type="text/css"href="/js/thickbox3.1/thickbox.css"><script type="text/javascript"src="/js/thickbox3.1/thickbox.js"></script>由于它是jquery插件,所以引入之前,必须有jQuery的引入
<script type="text/javascript"src="/js/class/jquery-1.3.2.min.js"></script>jQuery版本不能太高,太高不一定是最好的,因为会有兼容性的问题出现
- 然后是设置参数
<a href="/member/teacher/shownotice/id/<!--{$info[data].id}-->?KeepThis=true&TB_iframe=true&TB_iniframe=true&TB_reload=true&Parent_reload=true&height=640&width=1200"class="thickbox"title="查看通知">关键代码?KeepThis=true&TB_iframe=true&TB_iniframe=true&TB_reload=true&Parent_reload=true&height=640&width=1200" class="thickbox" title="查看通知"
- 之后是调试效果
- 你会看到悬浮的效果这就对了
遇到的问题:
样式不正确了,后来发现是jQuery版本过高导致的
解决:
把jQuery版本换低一点,就好用了
注:这里的文件引入,主页面也需要引入,也就是iframe所在页面也需要,至于为什么,我也不知道。
本文转自TBHacker博客园博客,原文链接:http://www.cnblogs.com/jiqing9006/archive/2013/03/04/2942561.html,如需转载请自行联系原作者