使用模式视图的Jquery .append()问题

Question

我创建了简单的模式视图图片库，获取用户点击的图片，并在模式view.It中显示它，但问题是，如果用户在模型视图打开时单击2或5次，那么它将在模式视图中显示2或5个相同的图像。我以前是这样的

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

我怎么限制它呢？

下面是我捕获用户单击操作函数。加载创建模式视图的函数，因此on.And需要2-3秒

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

loading($this);

});

Answer 1

使用.empty() first或.html()替换它，而不是附加内容的.append()：

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

对于那些做了双重理解的人来说，这不是看起来的那样，what's 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()的元素的标识符