jquery弹窗插件colorbox绑定动态生成元素的方法
更新时间：2014年06月20日 08:59:12 投稿：junjie
这篇文章主要介绍了jquery弹窗插件colorbox绑定动态生成元素的方法,colorbox是一款非常好用的弹窗插件,需要的朋友可以参考下
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;
});
好了，问题完美的解决了。希望对你有帮助。
您可能感兴趣的文章:
- Json2Template.js 基于jquery的插件 绑定JavaScript对象到Html模板中
- 一个可绑定数据源的jQuery数据表格插件
- Angular指令封装jQuery日期时间插件datetimepicker实现双向绑定示例
- Jquery 模板数据绑定插件的使用方法详解
- Vue.js列表渲染绑定jQuery插件的正确姿势
- jQuery给动态添加的元素绑定事件的方法
- jquery移除、绑定、触发元素事件使用示例详解
- JQuery中绑定事件（bind()）和移除事件（unbind()）
- jQuery事件的绑定、触发、及监听方法简单说明
- jQuery事件绑定和委托实例
- jQuery事件绑定on()、bind()与delegate() 方法详解
- jquery 插件重新绑定的处理方法分析
相关文章
Tooltip（提示框）是一种常见的效果，它通常用在需要进一步解释、说明或提示的某个词上。这种小效果实现起来虽然不难，但如果你想不劳而获，可以试试 Tips。2015-07-07
这篇文章主要介绍了jQuery常见的遍历DOM操作,结合实例形式详细分析了针对DOM节点的parent()、parents()、parentsUntil()、find()、eq()、filter()等各种遍历操作相关函数与使用技巧,需要的朋友可以参考下2018-09-09
本文将为大家介绍下在jtable列中如何自定义button，下面有一个不错的示例，感兴趣的朋友可以参考下2013-11-11
qq空间的一份虚拟礼物可能会让很久不曾相见的朋友拉近一些距离。那么基于jquery代码是如何实现此功能的呢？下面脚本之家小编给大家分享基于jQuery实现仿QQ空间送礼物功能代码，一起看看吧2016-05-05
层次选择器:通过DOM元素间的层次关系获取元素，其主要的层次关系包括后代、父子、相邻、兄弟关系，通过其中基类关系可以方便快捷地定位元素，感兴趣的朋友可以了解下2013-04-04
这篇文章主要为大家详细介绍了jQuery轮播图功能实现方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-05-05
jquery 全选实现代码。2009-04-04
这篇文章主要介绍了jQuery中Form相关知识汇总,总结的十分全面，需要的朋友可以参考下2015-01-01
打开空白新窗口，再给新窗口的localtion赋值，需要的朋友可以参考下2012-08-08
jquery+ajax实现上传图片并显示上传进度功能【附php后台接收】
这篇文章主要介绍了jquery+ajax实现上传图片并显示上传进度功能,结合实例形式分析了jQuery+ajax结合layer.js插件与php后台交互,实现显示上传进度的相关操作技巧,需要的朋友可以参考下2019-06-06
最新评论