thickbox是jQuery插件

首先它是js

js报错后就会影响正常使用

thickbox的使用过程:

  1. 引入文件

    <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版本不能太高,太高不一定是最好的,因为会有兼容性的问题出现

  2. 然后是设置参数
    <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="查看通知"

  3. 之后是调试效果
  4. 你会看到悬浮的效果这就对了

遇到的问题:

样式不正确了,后来发现是jQuery版本过高导致的

解决:

把jQuery版本换低一点,就好用了

注:这里的文件引入,主页面也需要引入,也就是iframe所在页面也需要,至于为什么,我也不知道。

本文转自TBHacker博客园博客,原文链接:http://www.cnblogs.com/jiqing9006/archive/2013/03/04/2942561.html,如需转载请自行联系原作者

thickbox问题相关推荐

  1. jQuery插件thickbox在ie下垂直居中问题

    jQuery 插件 thickbox 3.1 在ie下总不能垂直居中,按"http://jamazon.co.uk/web/2008/03/17/thickbox-31-ie7-positi ...

  2. ThickBox 3.1参数详解(转)

    前几天写了一篇关于ThickBox 3.1的文章:今天在使用这个东西的时候发现里面有许多参数没有详细解释,今天抽空整理出来,现和大家分享一下: 先说几个参数: class="thickbox ...

  3. js获取宽度设置thickbox百分比

    thickbox的宽高不好设为百分比,这样遇到不同的尺寸的电脑就会出现问题. 怎么做呢? 通过js来处理. <script type="text/javascript"> ...

  4. 修改Thickbox,预加载图片和点击图片前后浏览

    2011了,大家新年好! 外面寒冷,躲在家里写写博客还是挺好的. 今天为我的博客修改了下jQuery的Thickbox,增加了预加载图片功能和点击图片前后浏览的功能. 首先看下效果: http://w ...

  5. jquery插件之thickbox

    thickbox是基于JQ写的UI对话窗口小部件. 它可以用来展示单一图片, 若干图片, 内嵌的内容, iframed的内容, 或以 ajax 的混合modal 窗口!功能非常强大,我在项目中也在不少 ...

  6. 根据thickbox定制自己的遮罩层

    Jquery有很多遮罩层插件,我使用了一款叫做thickbox的插件,效果很好. 但现在我要和后台交互,后台处理数据时间较长,为了提示用户,同时不让用户进行其他操作,这时候thickbox就不适用了, ...

  7. GreyBox和ThickBox

    他们都是用来实现页面Popup window的,都是用JavaScript来实现 GreyBox http://orangoo.com/labs/greybox/installation.html T ...

  8. ThickBox学习之一 ThickBox介绍以及单图片显示示例

    ThickBox是一个基于JQuery类库的扩展,它能在浏览器界面上显示非常棒的UI框, 它可以显示单图片,多图片,ajax请求内容或链接内容.官方网站的废话很多,但我在这里只是略带过,如果要想实现效 ...

  9. jQuery弹出插件thickbox使用心得

    thickbox是一个简单易用的jQuery插件. 其官网:http://jquery.com/demo/thickbox/ .上面有源码和示例.一般只要在需要添加弹出窗体的元素中加上它的类thick ...

  10. Thickbox使用中的一些问题

    thickbox是一个UI框架 在<head>部分就把thickbox的js和css加载到<html>文档中 当把<html>文档加载完后,就会给所有的class= ...

最新文章

  1. hihocoder Tower Defense Game(树上贪心)
  2. “流式”前端构建工具——gulp.js 简介
  3. mysql 密码大小写_MySQL数据库加密和解密~认证登陆密码(mysql.user)和MySQL不区分大小写...
  4. weblogic部署,常见错误解决——Unmarshaller failed
  5. python通信模块_基于Python的电路故障诊断系统通信模块的实现
  6. java corba_Java编写CORBA的一个简单例子(CORBA入门)
  7. DDL/DML/DCL/TCL基本概念
  8. php_connect_nonb,net2ftp无法显示文件列表输出为空
  9. java三级分销_java版微信三级分销完整源码
  10. centos7 单机安装 greenplum6
  11. BP网络异或问题C语言实现,bp网络实现xor异或的C语言实现202102
  12. narwal机器人_NARWAL云鲸智能扫拖机器人,海外Kickstarter众筹销量第一
  13. 使用jsoup简单爬取微信公众号一些图片
  14. DES算法和MAC算法总结
  15. 自己做了一个分享网盘资源的网站
  16. 使用Excel创建线性回归模型
  17. Java 适配器模式详解
  18. leetcode系列-844.比较含退格的字符串
  19. 关于ajax的,关于AJAX
  20. 你应该知道的十八大著名定律法则

热门文章

  1. 嘉兴学院南湖学院计算机科学与技术,嘉兴学院南湖学院学费是多少(附住宿费)...
  2. 程序员这碗“青春饭”,有些人却能端一辈子
  3. 计算机自带的超级锁怎么设置,MIUI自带机密解锁+超顺畅设置小窍门
  4. 岁记22——寒塘渡鹤影
  5. linux中如何使用date来显示特定的时间或者日期
  6. CentOS 7 安装Steam Dota2
  7. WordPress程序RiPro+极致主题4.0+美化一体安装包 高仿站源网交易网站
  8. 周易六十四卦——大壮卦
  9. vue3+element-plus实现日历组件农历显示且带列表数据
  10. 大学生如何学编程?一步步来才是关键!