JQuery .append() проблема с модальным видом

Question

Я создал простую фотографию для просмотра модальных изображений, которая получает изображение, где пользователь щелкает и показывает его в модальном виде. Он работает, но проблема, если пользователь нажал 2 или 5 раз, когда открывается представление модели, 2 или 5 одинаковых изображений в модальном виде. Я использовал как

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

Как я могу ограничить его?

Вот моя функция, которая захватывает действие click click. Загрузка функции, которая создает модальное представление и так on.And это занимает 2-3 seccond

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

loading($this); 

}); 

Answer 1

Вместо .append() который присоединяет содержимое, используйте .empty() первый или .html(), который его заменяет:

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

Для тех, кто делает двойной взнос, это не то, на что это похоже, what's really happening with .html() above is a shortcut for this:

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

Answer 2

Вы пробовали unbind?

Поместите unbind внутри функции loading(), чтобы последующие клики не вызывали процесс. -

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

Где #element идентификатор элемента, на котором вы вызываете bind()