javascript图像加载只能运行一次

Question

在我的代码中我加载图像:

var img = new Image();
img.src= 'image.png';

然后我将此图像附加到 div，如下所示:

$('#divname').append(img);

到目前为止，一切正常，但是当我尝试将相同的图像附加到另一个 div 时，例如:

$('#divname2').append(img);

该图像不再存在。我的意思是当我第一次打开页面时div包含图像，但第二个 div才不是。分别如果我改变appends的顺序#divname2将包含图像。这是正常的 JavaScript 行为还是我做错了什么？这个问题可以解决吗？

Answer 1

您需要像这样克隆元素:

$('#divname2').append($(img).clone());

另一种解决方案是直接附加 html。

var img = '<img src="image.png" />';
$('#divname').append(img);
$('#divname2').append(img);