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所在页面也需要,至于为什么,我也不知道。