thickbox问题
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,如需转载请自行联系原作者
thickbox问题相关推荐
- jQuery插件thickbox在ie下垂直居中问题
jQuery 插件 thickbox 3.1 在ie下总不能垂直居中,按"http://jamazon.co.uk/web/2008/03/17/thickbox-31-ie7-positi ...
- ThickBox 3.1参数详解(转)
前几天写了一篇关于ThickBox 3.1的文章:今天在使用这个东西的时候发现里面有许多参数没有详细解释,今天抽空整理出来,现和大家分享一下: 先说几个参数: class="thickbox ...
- js获取宽度设置thickbox百分比
thickbox的宽高不好设为百分比,这样遇到不同的尺寸的电脑就会出现问题. 怎么做呢? 通过js来处理. <script type="text/javascript"> ...
- 修改Thickbox,预加载图片和点击图片前后浏览
2011了,大家新年好! 外面寒冷,躲在家里写写博客还是挺好的. 今天为我的博客修改了下jQuery的Thickbox,增加了预加载图片功能和点击图片前后浏览的功能. 首先看下效果: http://w ...
- jquery插件之thickbox
thickbox是基于JQ写的UI对话窗口小部件. 它可以用来展示单一图片, 若干图片, 内嵌的内容, iframed的内容, 或以 ajax 的混合modal 窗口!功能非常强大,我在项目中也在不少 ...
- 根据thickbox定制自己的遮罩层
Jquery有很多遮罩层插件,我使用了一款叫做thickbox的插件,效果很好. 但现在我要和后台交互,后台处理数据时间较长,为了提示用户,同时不让用户进行其他操作,这时候thickbox就不适用了, ...
- GreyBox和ThickBox
他们都是用来实现页面Popup window的,都是用JavaScript来实现 GreyBox http://orangoo.com/labs/greybox/installation.html T ...
- ThickBox学习之一 ThickBox介绍以及单图片显示示例
ThickBox是一个基于JQuery类库的扩展,它能在浏览器界面上显示非常棒的UI框, 它可以显示单图片,多图片,ajax请求内容或链接内容.官方网站的废话很多,但我在这里只是略带过,如果要想实现效 ...
- jQuery弹出插件thickbox使用心得
thickbox是一个简单易用的jQuery插件. 其官网:http://jquery.com/demo/thickbox/ .上面有源码和示例.一般只要在需要添加弹出窗体的元素中加上它的类thick ...
- Thickbox使用中的一些问题
thickbox是一个UI框架 在<head>部分就把thickbox的js和css加载到<html>文档中 当把<html>文档加载完后,就会给所有的class= ...
最新文章
- hihocoder Tower Defense Game(树上贪心)
- “流式”前端构建工具——gulp.js 简介
- mysql 密码大小写_MySQL数据库加密和解密~认证登陆密码(mysql.user)和MySQL不区分大小写...
- weblogic部署,常见错误解决——Unmarshaller failed
- python通信模块_基于Python的电路故障诊断系统通信模块的实现
- java corba_Java编写CORBA的一个简单例子(CORBA入门)
- DDL/DML/DCL/TCL基本概念
- php_connect_nonb,net2ftp无法显示文件列表输出为空
- java三级分销_java版微信三级分销完整源码
- centos7 单机安装 greenplum6
- BP网络异或问题C语言实现,bp网络实现xor异或的C语言实现202102
- narwal机器人_NARWAL云鲸智能扫拖机器人,海外Kickstarter众筹销量第一
- 使用jsoup简单爬取微信公众号一些图片
- DES算法和MAC算法总结
- 自己做了一个分享网盘资源的网站
- 使用Excel创建线性回归模型
- Java 适配器模式详解
- leetcode系列-844.比较含退格的字符串
- 关于ajax的,关于AJAX
- 你应该知道的十八大著名定律法则
热门文章
- 嘉兴学院南湖学院计算机科学与技术,嘉兴学院南湖学院学费是多少(附住宿费)...
- 程序员这碗“青春饭”,有些人却能端一辈子
- 计算机自带的超级锁怎么设置,MIUI自带机密解锁+超顺畅设置小窍门
- 岁记22——寒塘渡鹤影
- linux中如何使用date来显示特定的时间或者日期
- CentOS 7 安装Steam Dota2
- WordPress程序RiPro+极致主题4.0+美化一体安装包 高仿站源网交易网站
- 周易六十四卦——大壮卦
- vue3+element-plus实现日历组件农历显示且带列表数据
- 大学生如何学编程?一步步来才是关键!