live() sin eventos

[mariogl84]

Hola. No sé si esta pregunta es muy tonta, pero ¿se puede usar una función live() sin asignar un evento? La cosa es para cuando hacemos cosas así:

$("#mi_elemento").funcion();

Si el elemento ha sido añadido al DOM dinámicamente, no funciona.

Fijaos que no estoy asignando ningún evento. ¿Es posible usar live() o algo así?

Gracias.

[mayid]

Y que representa funcion() en el mundo real? Un plugin?

Me parece que vas a tener que escribir vos el codigo. Como estas cargando lo nuevo? Usa el callback para asignar funcionalidad al contenido nuevo.

Publica lo que tengas. Un caso real.

[mariogl84]

Sí, un plugin. Por ejemplo, el lightbox de jQuery para ampliar fotos. Para hacer que una foto sea ampliable, la meto en un <a class="ampliable"> y se lo asigno a ese <a>:

$('a.ampliable').lightBox();

Si creara un nuevo <a> dinámicamente, por ejemplo, mediante el método .after() de jQuery, ¿cómo podría asignarle el lightBox()?

Con lo del callback me pierdo...

Gracias.

[mayid]

Callback es el momento en que la carga de contenidos vía ajax está completada.

Ej:
$("#algo").load("llamada.php",{envio:tal}, function(respuesta) { alert (respuesta) ; });

En ese caso estás enviando un parametro al lado servidor y esperar que el servidor te devuelva algo. Que vas a poder recibir en el callback, desde el parametro "respuesta".

Entonces, cuando cargues tu nuevo contenido, podes hacer:

$("div#nuevocontenido a").lightBox();

Es decir, adjudicar el lightbox a todos los links del div "nuevocontenido".

[mariogl84]

Sí, pero no creo los elementos vía AJAX, sino con métodos como .after().

Por ejemplo:

$("#boton").click(function() {
var html = "<a class='ampliable'><img src="ejemplo.jpg" /></a>";
$("#ultima_imagen").after(html);
});

$("a.ampliable").lightBox();

Gracias.

[mayid]

Y por que no le asignas el lightbox depués de crearlo?

$("#ultima_imagen").after(html);
$("#ultima_imagen").lightBox();

[mariogl84]

Bueno, es que puse ese ejemplo para simplificar, pero en realidad llamo al plugin con parámetros de configuración, entonces no es una sola línea, sino varias.

Código Javascript:

$("#form_art input.color").ColorPicker({
    eventName: 'focus',
    onSubmit: function(hsb, hex, rgb, el) {
        $(el).val("#" + hex);
        $(el).ColorPickerHide();
        $(el).css({ "background-color": "#" + hex});
    },
    onBeforeShow: function() {
        $(this).ColorPickerSetColor(this.value);
    }
});
 

Era por si es posible no tener que repetir tanto código, pero si es la única manera, pues así será.

¡Gracias!

[mayid]

A veces los plugin te permiten definir las opciones aparte del llamado. ASí podés hacer muchos llamados con un mismo set de opciones. Fijate en la pagina del autor si es posible hacerlo. Y si no, no creo que sea dificil hacerle esa implementación.

[mariogl84]

Vale, buscaré acerca de eso. Gracias por la ayuda, mayid.