jQuery live() ... tiene que hacer clic dos veces para activar los enlaces?

Question

Tengo el siguiente fragmento de código, simplemente:

$(function() { 
    $('a.add-photos-link').live('click', function(e) { 
    $(this).colorbox({ 
     overlayClose: false, 
     onComplete: function() { 
     $('#add_photos').submit(function(e) { 
      // more stuff to do 
      e.preventDefault(); 
     }); 
     } 
    }); 
    e.preventDefault(); 
    }); 
}); 

Sin embargo, esto sólo parece funcionar después de un solo clic en el enlace de dos veces. Estos enlaces se agregan dinámicamente a la página (a.add-photos-link).

¿Por qué ocurre esto y qué puedo hacer para solucionarlo, por lo que se dispara después del primer clic?

Answer 1

Su código actual solo crea un colorbox para el enlace. No abre el cuadro de colores, por lo que debe hacer clic en el enlace dos veces: una para crearlo y otra vez para abrirlo.

Usted puede utilizar la opción open (as documented) al crear la caja de colores para abrir de inmediato, así:

$(this).colorbox({ 
    open: true, 
    overlayClose: false, 
    onComplete: function() { 
    // ... 
    } 
});