Jquery .append（）模态视图的问题

Question

我创建了简单的模态视图照片库，获取用户点击的图片并在模态视图中显示。如果用户在模型视图打开时单击2或5次然后在模态视图中显示2或5个相同的图像，则工作但问题。我喜欢

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

我如何限制它？

这是我捕获用户点击操作的功能。加载创建模态视图的功能等等。它需要2-3秒

$(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()

的元素的标识符