.Append Jquery () problema con vista modal

Question

creé sencilla galería de fotos vista modal que recibe la imagen donde el usuario hace clic y se lo muestra en las obras view.It modales, pero si el usuario hace clic problema 2 o 5 veces, mientras que la vista del modelo se abre entonces se muestra 2 y 5, las mismas imágenes en la vista modal . He utilizado como

$('.popup_block').find('div#userPhoto').append($theImage.clone());

¿Cómo puedo limitar lo que?

Esta es mi función que la acción del usuario capturas clic. Cargando función que crea vista modal y por lo que se necesita on.and 2-3 seccond

$(this).bind('click',function(){
var $this=$(this);

loading($this);

});

Answer 1

En lugar de .append() que añade contenido, el uso .empty() primera o .html() que lo reemplaza:

$('.popup_block').find('div#userPhoto').html($theImage.clone());

Para aquellos que realizan una doble toma, esto no es lo que parece, ¿cuál es realmente pasando con .html() anterior es un atajo para esta :

$('.popup_block').find('div#userPhoto').empty().append($theImage.clone());

Answer 2

¿Usted ha intentado unbind?

Marque con una unbind dentro de la función loading() por lo que los clics sucesivos no hacen invocar el proceso. -

$("#element").unbind('click'); 

Cuando #element es el identificador del elemento sobre el que está llamando la bind()