[jquery] Se puede usar live() en este caso?

[chefnelone]

Hola

estoy usando un plugin que se llama 'Colorbox' (lightbox para imagenes, iframes, etc)

solo le aplico una clase a un elemento <a>

Código HTML:

<a class="colorBox">abre enlace</a> 

lo inicio con:

Código:

$(document).ready(function(){
	$(".colorBox").colorbox();
});

El problema es estoy agregando más elementos <a class="coloBox" ...> usando ajax y en estos el plugin no funciona a menos que refresque la página.

Se que el problema es que cuando se ejecuta $(document).ready(function(){...} esto nuevo elementos no existen.
Normalmente esto lo soluciono con live(). Pero no se como hacerlo en este caso:
he probado con esto: (pero no funciona)

Código:

$(document).ready(function(){
	$(".colorBox").live(colorbox());
});

Como puedo hacerlo?

[chefnelone]

aunque no creo que sea lo más apropiado lo he solucionado llamando al plugin otra vez al final de la llamada del Ajax.
O sea repitiendo $(".colorBox").colorbox();

si alguien sabe como hacerlo correctamente...?

[mayid]

Creo que tu solución es la mejor.

[juaniquillo]

si, puedes llamar colorbox() cada vez que traes algún elemento nuevo al html. live() lo estabas usando incorrectamente. live(). Se usa más como bind(), osea:

Código javascript:

$('tu_selector').live("click", function(){
    //lo que quieras hacer live
});