jquery弹窗插件colorbox绑定动态生成元素的方法
2014-06-20 00:00
806 查看
colorbox是jquery一个非常好用的弹窗插件,功能十分丰富,使用体验也很好。
colorbox官网:http://www.jacklmoore.com/colorbox/
刚才在是用colorbox的时候遇到了一个问题,这个问题以前没有注意过。
以前我都是讲这个插件使用在静态HTML元素中的,今天为动态生成的元素绑定的时候发现不能用了。
常规的用法是这样的:
以上方法只适用于静态元素,如果你要为动态元素绑定colorbox效果的话,就得使用下面的这种方法了:
我们假设上面的那个html中的<a>标签是动态生成的元素,那么js就得这么写:
好了,问题完美的解决了。希望对你有帮助。
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; });
好了,问题完美的解决了。希望对你有帮助。
相关文章推荐
- jquery弹窗插件colorbox绑定动态生成元素的方法
- [jquery] 给动态生成的元素绑定事件 on方法
- jQuery使用on()方法给动态生成元素绑定事件
- JQuery使用on绑定动态生成元素时碰到的问题
- jQuery:如何给动态生成的元素绑定事件?
- jquery1.9以上 动态生成元素 live和on失效的解决方法
- jQuery使用on()绑定动态生成元素的事件无效的问题
- 使用jquery on()方法为动态生成的元素绑定事件
- Jquery对动态生成的元素绑定事件
- 【笔记】jQuery中on()与delegate()方法给动态添加元素绑定事件
- Jquery对动态生成的元素绑定事件
- 动态生成元素动作绑定,jquery 1.9如何实现
- jQuery:如何给动态生成的元素绑定事件?
- jquery动态生成的元素绑定事件
- jQuery使用on()绑定动态生成元素的事件无效的问题
- jQuery:如何给动态生成的元素绑定事件?
- Jquery对动态生成的元素绑定事件
- jQuery使用on()绑定动态生成元素的事件无效的问题
- 解决jquery 动态生成的元素的事件无法绑定
- JQuery中动态生成元素的绑定事件(坑死宝宝了)