Jquery .append() problème avec la vue modale

Question

J'ai créé une galerie photo modale simple qui obtient image où l'utilisateur a cliqué et l'affiche en mode modal.Il fonctionne mais problème si l'utilisateur a cliqué 2 ou 5 fois tandis que la vue du modèle s'ouvre alors il montre 2 ou 5 les mêmes images en mode modal. Je comme

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

Comment puis-je limiter?

Voici ma fonction qui capture l'action de clic de l'utilisateur. fonction du chargement qui crée vue modal et ainsi on.And prend 2-3 seccond

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

loading($this); 

}); 

Answer 1

Au lieu de .append() qui ajoute le contenu, utilisez .empty() premier ou .html() qui la remplace:

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

Pour ceux qui font une double prise, ce n'est pas ce à quoi il ressemble, what's really happening with .html() above is a shortcut for this:

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

Answer 2

Avez-vous essayé unbind?

Placez un unbind à l'intérieur de la fonction loading() afin que les clics successifs n'invoquent pas le processus. -

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

Où #element est l'identifiant de l'élément sur lequel vous appelez le bind()