首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >将jQuery colorbox插件添加到动态创建的元素

将jQuery colorbox插件添加到动态创建的元素
EN

Stack Overflow用户
提问于 2010-03-15 03:43:58
回答 6查看 14.3K关注 0票数 15

在链接上分配颜色框功能的常用方法如下:

代码语言:javascript
复制
$("a.colorbox").colorbox({ transition: "elastic" });

不过,新添加的项不是以这种方式绑定的。

如何向动态创建的添加colorbox

代码语言:javascript
复制
<a class="colorbox"></a>

元素也是吗?

EN

回答 6

Stack Overflow用户

回答已采纳

发布于 2010-03-15 04:02:35

method described here将活动绑定到您感兴趣的元素上的click事件(例如本例中的.colorbox ),并在处理程序中调用colorbox库函数:

代码语言:javascript
复制
$('.colorbox').live('click', function() {
  $.colorbox({href:$(this).attr('href'), open:true});
  return false;
});
票数 19
EN

Stack Overflow用户

发布于 2011-04-08 17:54:15

你也可以尝试这样做:

代码语言:javascript
复制
$('.colorbox').live('click',function(e){
    e.preventDefault();
    $(this).colorbox({open:true});
});

我认为使用fn命令会更简洁一些。

票数 18
EN

Stack Overflow用户

发布于 2013-08-03 19:54:35

由于live已经折旧,您应该在上使用

代码语言:javascript
复制
$('body').on('click', '.colorbox', function() {
    $('.colorbox').colorbox({rel: $(this).attr('rel')});
});

此代码还允许分组。

票数 12
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2443490

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档