jquery弹窗插件colorbox绑定动态生成元素的方法
来源：爱站网时间：2019-11-24编辑：网友分享
jQuery Colorbox是内容回放的插件，它集成了弹出层和幻灯片放映的功能，下面是爱站技术频道小编为大家介绍的jquery弹窗插件colorbox绑定动态生成元素的方法，如果您感兴趣的话，可以自己按着自己的要求开发试试。
jQuery Colorbox是内容回放的插件，它集成了弹出层和幻灯片放映的功能，下面是爱站技术频道小编为大家介绍的jquery弹窗插件colorbox绑定动态生成元素的方法，如果您感兴趣的话，可以自己按着自己的要求开发试试。
刚才在是用colorbox的时候遇到了一个问题，这个问题以前没有注意过。
以前我都是讲这个插件使用在静态HTML元素中的，今天为动态生成的元素绑定的时候发现不能用了。
常规的用法是这样的：
复制代码 代码如下:
<a class="test" href="test.jpg" title="欢迎大家来到脚本之家">www.jb51.net</a>
复制代码 代码如下:
$(document).ready(function(){
$(".test").colorbox();
});
以上方法只适用于静态元素，如果你要为动态元素绑定colorbox效果的话，就得使用下面的这种方法了：
我们假设上面的那个html中的<a>标签是动态生成的元素，那么js就得这么写：
复制代码 代码如下:
$(".test).live('click',function(){
$.colorbox({href:$(this).attr('href'), open:true, height:'100%'});
return false;
});
爱站技术频道小编认为可以照着小编的介绍进行操作试试，想要学习好这些知识，就收藏爱站技术频道吧！
