jquery - 模态视图的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);

});

score 2 · Accepted Answer

代替.append()which 追加内容，使用.empty()first 或.html()which 替换它：

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

对于那些做双重考虑的人来说，这不是它看起来的样子，上面真正发生的事情是一个捷径.html()：

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

score 1 · Accepted Answer

你试过unbind吗？

unbind在函数内部放置一个，loading()以便连续单击不会调用该过程。-

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

#element您调用的元素的标识符在哪里bind()

2 回答 2