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

Question

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

$("a.colorbox").colorbox({ transition: "elastic" });

尽管如此,新添加的项目不受约束.

如何将colorbox添加到动态创建中

__PRE__

元素呢？

Answer 1

这里描述的方法是对click你感兴趣的元素(例如.colorbox在这个例子中)活动绑定到事件并在处理程序中调用colorbox库函数:

$('.colorbox').live('click', function() {
  $.colorbox({href:$(this).attr('href'), open:true});
  return false;
});

Answer 2

你也可以试试这个:

$('.colorbox').live('click',function(e){
    e.preventDefault();
    $(this).colorbox({open:true});
});

我认为使用该fn命令会更清洁一些.

Answer 3

由于现场是贬值,你应该使用上

$('body').on('click', '.colorbox', function() {
    $('.colorbox').colorbox({rel: $(this).attr('rel')});
});

此代码还允许分组.