我试图用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...
当克隆具有图像的元素时,这是否总会发生?我正在做的事情有什么问题吗?我怎样才能解决这个问题?