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

你可能感兴趣的:(JavaScript,Ajax,thickbox)