`
Javaloverlover
  • 浏览: 346380 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

jquery thickbox插件使用指南

阅读更多
jquery thickbox这个插件搞了好久终于搞清楚了,特在此写下心得。
官方网址:http://jquery.com/demo/thickbox/
中文介绍网址:http://www.blueidea.com/articleimg/2007/12/5182/tickbox_demo.html
这两个网址都对thickbox的用法介绍的很详细了。
为什么要写这篇博客呢,一是因为用的时候有点小小的障碍,为此花了不少时间,二是因为个人原因。
首先按照官网的介绍将thickbox安装到自己的网页中去,这样就支持了thickbox的使用,开始我以为这样就好了,但事与愿违,我的页面数据是ajax方式的js动态加载的,所以发生了这一结果,想想其中的原因,也不知道咋回事,没办法,只能拜读源码了,发现了原因,加载thickbox.js后会直接进行tb_init();代码:
$(document).ready(function(){   
	tb_init('a.thickbox, area.thickbox, input.thickbox');//pass where to apply thickbox
	imgLoader = new Image();// preload image
	imgLoader.src = tb_pathToImage;
});

怪不得不能对ajax动态加载的内容起作用。
解决办法,在动态加载的地方自己手动tb_init();
function generateAvatar(data) {
		$.each(data.simpleWeiboUserInfos, function(i, userInfo) {
			var photoProfile = "<a href='follow.action?height=60&width=300&targetUid="+userInfo.uid+"' class='thickbox'><img class='follow' title='关注' src='image/icon_follow.gif'/></a>"
			$('#photoList').append(photoProfile);
		});
		
		tb_init('a.thickbox');
}

这样就ok了
最重要的是tb_init()里边的选择器是自己定的。如
tb_init(chartsIdEle + ' a.thickbox');



交流群:132607763 若满了,请加:251207741
分享到:
评论

相关推荐

    jquery插件thickbox的使用方法

    ### jQuery插件ThickBox的使用详解 #### 引言 ThickBox是基于jQuery库的一个强大而灵活的模态对话框插件,它能够帮助开发者轻松地在网页上创建弹出窗口,显示图片、HTML内容或外部网页。本文将详细介绍如何在项目...

    基于jQuery弹出层插件thickbox

    【jQuery弹出层插件thickbox】是一种广泛使用的JavaScript库,它基于强大的jQuery框架,为网页添加了优雅且功能丰富的弹出层效果。 Thickbox主要用于创建全屏背景的图片查看器、轻量级的模态对话框以及iframe加载等...

    jQuery Thickbox3.1 弹出层插件

    4. **初始化插件**:如果需要在页面加载后动态生成弹出层,可以使用jQuery的`.thickbox()`方法来初始化。 在实际应用中,Thickbox3.1的压缩包可能包含以下文件: 1. `thickbox.css`:包含Thickbox的默认样式。 2. ...

    Jquery ThickBox插件使用心得(不建议使用)

    JQuery ThickBox插件使用心得与替代方案 ThickBox是一个基于jquery的插件,它允许开发者在页面中创建弹出层,用于展示图片、多图片轮播以及其他HTML内容。尽管它一度被认为是一个实用的工具,但现在不被jquery官方...

    jQuery插件thickbox遮罩层的使用及demo演示示例.rar

    ThickBox 是基于 jQuery 用 JavaScript 编写的网页UI对话窗口小部件. 它可以用来展示单一图片, 若干图片, 内嵌的内容, iframed的内容, 或以 AJAX 的混合 modal 提供的内容. 点击这里查看演示 特性: ThickBox 是...

    jquery插件thickbox遮罩层的的使用

    首先,要使用Thickbox,你需要在项目中引入jQuery库和Thickbox插件的相关文件。这通常包括`jquery.js`、`thickbox.js`以及相关的CSS样式文件`thickbox.css`。这些文件可以下载后放在你的项目目录中,或者通过CDN链接...

    Jquery thickbox回传值实例

    在网页开发中,jQuery Thickbox是一个非常流行的轻量级插件,它允许我们在一个弹出的模态窗口中展示各种内容,如图片、HTML、IFrame等。在实际应用中,我们经常需要在Thickbox窗口中进行一些操作,比如上传文件,...

    jquery.thickBox

    ThickBox 通常与 jQuery 的其他插件配合使用,可以与其他 UI 功能进行集成,如导航菜单、表单验证等。此外,尽管 ThickBox 主要是为现代浏览器设计的,但通过适当的 polyfill 和兼容性处理,也可以在较旧的浏览器...

    jQuery插件ThickBox打开框架页

    **jQuery插件ThickBox详解** ThickBox是一款流行的jQuery插件,用于创建弹出式窗口,常用于显示图片、HTML内容、IFrame(框架页)等。它为用户提供了一种优雅的方式,以全屏模式展示内容,同时提供了一个可自定义的...

    thickbox插件(jquery.js-thickbox.js-thickbox.css)含三个文件

    ThickBox是一款基于jQuery的轻量级弹出插件,主要包含三个核心文件:`jquery.js`、`thickbox.js`和`thickbox.css`。这些文件协同工作,为网页提供了一种优雅的方式,以全屏或者半透明背景的形式展示图片、内嵌框架、...

    jQuery thickbox 弹出框 弹出后网页变暗 插件.rar

    jQuery thickbox 弹出框 弹出后网页变暗 插件,使用thickbox 可用来显示图片弹框和文字的弹框,比如一些登录框之类的,弹出后,网页背景渐变暗下来,操作完成后网页恢复。thickbox和Lightbox插件之类的功能十分相似...

    jQuery_thickbox3.1

    **jQuery_thickbox3.1** 是一个基于流行的JavaScript库jQuery构建的插件,用于创建弹出式的轻量级对话框。这个插件允许用户在当前网页上展示图像、HTML div元素,甚至远程页面,无需离开当前浏览环境,极大地提升了...

    JQUERY THICKBOX弹出层插件

    JQuery Thickbox是一款功能强大的弹出层插件,它允许用户在现有的网页上创建美观的、响应式的轻量级模态窗口,用于展示图片、网页内容、IFrame以及多图分页浏览。Thickbox利用jQuery库的强大功能,提供了一种简洁的...

    应用js框架Jquery中ThickBox制作网页中div弹出效果

    其中,jQuery 的一个流行插件——ThickBox,就是一个用于创建全屏弹出效果的工具,尤其适合展示图片、视频或者任何网页内容。ThickBox 结合了 jQuery 的简洁性和强大的功能,使得在网页中实现 div 弹出效果变得非常...

    jQuery插件thickbox

    thickbox.js插件学习,很实用,很好用,很灵活,可以在iframe里任意定义。入门实例。http://blog.csdn.net/greatverve/archive/2008/12/23/3588955.aspx我的网址:www.0379zd.com

    thickbox & jquery

    3. **初始化 Thickbox**:在页面加载完成后,使用 jQuery 的 `$(document).ready()` 函数来初始化 Thickbox 插件。 4. **配置选项**:可以通过修改 JavaScript 代码中的选项来调整 Thickbox 的行为,如设定过渡效果...

    Jquery弹出层插件ThickBox的使用方法

    要使用ThickBox插件,您需要准备三个文件:thickbox.js、thickbox.css、jquery.js,这些文件都可以在网上找到并下载。 首先,您需要将这三个文件正确地引入到您的页面中。通过在HTML文件中添加标签引入jquery.js和...

    jquery插件使用方法大全

    5. **插件支持**:jQuery有一个庞大的插件生态系统,如JTip、ThickBox等,提供额外的功能,如提示框、模态对话框等。这些插件通常设计简洁,易于集成。 6. **动画效果**:jQuery的动画效果如`.fadeIn()`和`.fadeOut...

    Jquery插件ThickBox

    ThickBox 是一个基于 JQuery 类库的扩展,它能在浏览器界面上显示非常棒的弹出框,它可以显示单图片,多图片,AJAX 请求内容或链接内容。 使用介绍: http://blog.csdn.net/intcry/archive/2010/11/25/6035639.aspx

Global site tag (gtag.js) - Google Analytics