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

2019-11-24 16:00:32来源:爱站网 阅读 ()

新老客户大回馈,云服务器低至5折

?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操作checked属性以及disabled属性的多种方法

下一篇:jquery获取html元素的绝对位置和相对位置的方法