Jquery problème .append () avec vue modal

Question

J'ai créé simplement la galerie photo de vue modale qui obtient l'image où l'utilisateur a cliqué et l'affiche dans les travaux de view.It modales mais problème si l'utilisateur a cliqué 2 ou 5 fois en vue du modèle ouvre alors il montre 2 ou 5 les mêmes images en vue modal . Je comme

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

Comment puis-je limiter?

Voici ma fonction que l'action utilisateur clique catch. fonction de 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, l'utilisation .empty() première ou .html() qui remplace:

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

Pour ceux qui font une double prise, ce n'est pas à quoi il ressemble, ce qui est vraiment qui se passe avec .html() ci-dessus est un raccourci pour cette :

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

Answer 2

Avez-vous essayé unbind?

Mettre un unbind intérieur de la fonction de loading() de sorte que des clics successifs ne pas invoquer le processus. -

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

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