Question

我正在尝试使用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...

当克隆带有图像的元素时，是否会出现这种情况？我正在做的事情有什么问题吗？我该如何解决这个问题？

Answer 1

验证图像的标头是否允许浏览器对其进行缓存。（谢谢Jonas H）

（图像是从没有缓存它们的PHP文件提供的，因此在克隆时会重新加载它们。）

克隆项目与图像，图像需要时间出现

1 个答案: