jquery弹窗插件colorbox绑定动态生成元素的方法

站长资源 2025/1/31 佚名

35 1538 35

DDR爱好者之家 Design By 杰米

colorbox是jquery一个非常好用的弹窗插件，功能十分丰富，使用体验也很好。

colorbox官网：http://www.jacklmoore.com/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;
});

好了，问题完美的解决了。希望对你有帮助。

DDR爱好者之家 Design By 杰米

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

DDR爱好者之家 Design By 杰米

评论“jquery弹窗插件colorbox绑定动态生成元素的方法”

暂无评论...