jquery弹窗插件colorbox绑定动态生成元素的方法
2019-11-24 16:00:32来源:爱站网 阅读 ()
?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;
});
爱站技术频道小编认为可以照着小编的介绍进行操作试试,想要学习好这些知识,就收藏爱站技术频道吧!
原文链接:https://js.aizhan.com/develop/JavaScript/10305.html
如有疑问请与原作者联系
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- Jquery插件写法笔记整理 2020-03-29
- 基于JQuery的多标签实现代码 2020-03-29
- 关于jQuery UI 使用心得及技巧 2020-03-29
- Jquery图形报表插件 jqplot简介及参数详解 2020-03-25
- jQuery插件开发全解析 2020-03-25
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash