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 插件重新绑定的处理方法分析
相关文章
jquery 将disabled的元素置为enabled的三种方法
在jquery中可以通过jqueryObj.attr("disabled","disabled")将页面中某个元素置为不可编辑或触发状态,但是在jquery的API reference中并没说明怎么将页面置为disable的元素重新置为可触发或可编辑的。2009-07-07js之ActiveX控件使用说明 new ActiveXObject()
ActiveX 控件广泛用于Internet。它们可以通过提供视频、动画内容等来增加浏览的乐趣。不过,这些程序可能出问题或者向您提供不需要的内容2014-03-03
最新评论