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

【问题标题】：Jquery .append() problem with modal view模态视图的Jquery .append（）问题
【发布时间】：2010-12-05 07:47:26
【问题描述】：

我创建了简单的模态视图照片库，它可以获取用户单击的图片并在模态视图中显示它。它可以工作，但是如果用户在模型视图打开时单击 2 或 5 次，那么它会在模态视图中显示 2 或 5 个相同的图像.我曾经喜欢过

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

如何限制它？

这是我捕捉用户点击动作的函数。加载创建模态视图的函数等等。它需要2-3秒

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

loading($this);

});

【问题讨论】：

【解决方案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());

【讨论】：

【解决方案2】：

你试过unbind吗？

在loading() 函数中放置一个unbind，这样连续的点击就不会调用该过程。 -

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

其中#element 是您调用bind() 的元素的标识符

【讨论】：