Jon Winstanley Jon Winstanley - 1 year ago 65
Javascript Question

Add jQuery colorbox plugin to a dynamically created element

The usual way to assign color box functionality on a link is like this:

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

Newly added items are not bound in this way though.

How can I add colorbox to dynamically created
<a class="colorbox"></a>
elements too?

Answer Source

The method described here is to live-bind to the click event on the elements you're interested in (such as .colorbox in this instance) and call the colorbox library function in the handler:

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