Question

我有一个函数，首先绘制div和调用图像加载函数

在图像加载功能中，我调用另一个函数Loadimage

在Loadimage中，我将图像附加到我在第一个函数中绘制的div中

thumb []有一个图像html标签

点击弹出窗口时我有按钮，弹出窗口有div图像，其中附加了图像

<div id="image"></div>

for (var i in this.thumb) {          
            var img = this.thumb[i];
            var imgdiv = $('<div>');


            imgdiv.attr('id', 'img' + i + '');

            (#image).append(imgdiv);
            $(img).load({ navig_cell: img, index: i }, jQuery.proxy(this, 'Loadimage'));

}

Loadimage: function(params) {
        var img = params.data.navig_cell;
        var index = params.data.index;

        $('#img' + index + '').append(img);
}

一旦我关闭弹出窗口，其中我附加图像，并且下次当我快速打开弹出窗口时，图像从该位置附加图像的加载停止并且相同的图像也从第二次附加停止加载图像的位置（图像附加2次）

Answer 1

问题在于这一行：

$('#img' + index + '').append(img);

这会为已存在的图像添加更多图像。你可能想要：

$('#img' + index + '').html(img);

用新的img替换当前内容。

在jquery中加载图像

1 个答案: