Add Colorbox To Dynamicly Created Item With Url Content

I'm trying to add a colorbox to a dynamicly created object, it works on the first click but won't open after the second one, I'm not sure what to do. I'm wondering if I'm not closi

Solution 1:

Try this:

$(".login").live('click', function(){
   $.colorbox({ href:'http://threadless.com', iframe:true, width:"80%", height:"80%" });
});

OR

content.on('click', '.login', function(){
   $.colorbox({ href:'http://threadless.com', iframe:true, width:"80%", height:"80%" });
});

Demo: http://jsfiddle.net/F5jGQ/

Solution 2:

I think you should be calling:

$(".login").live('click', function(){
     $.colorbox({href:"http://ww.website/Login.html", open:true});
});