jquery – 使用图像克隆项目,图像需要时间才能显示

我试图用jQuery克隆一个项目,然后动画它.
原始项目中包含一个图像,该图像已在克隆之前加载并显示.
但是,在克隆项目中,图像仅显示动画的大约一半.

这是要克隆的项目的html：

<div class='item'>
     <div class='picture'><img src='img/picture1.jpg'></div>
     <h3>Item</h3>
     <p class='price'>$25</p>
     <div class='desc'>Image description...</div>
 </div>

我用它来克隆它的jQuery：

itemObject = $(".item"); // Code has proper selector to choose appropriate item
newItemObject = itemObject.clone()

// Overlay new object over original object
newItemObject.appendTo('#main').css({
    'position': 'absolute','top': itemObject.offset().top,'left': itemObject.offset().left
});

// Do animation on newItemObject...

当克隆具有图像的元素时,这是否总会发生？我正在做的事情有什么问题吗？我怎样才能解决这个问题？

解决方法

验证映像的标头是否允许浏览器对其进行缓存. (谢谢 Jonas H)

(图像是从没有缓存它们的PHP文件提供的,因此在克隆时会重新加载它们.)