我正在尝试产生购物车效果,但是我会遇到错误,并且不确定为什么将顶部称为不确定。我已经能够在篮子上添加产品,但是图像刚刚被卡住并随机出现在屏幕上,而不是从父映像到购物车向上的动画
$('.add').on('click', function () {
var cart = $('.cart');
var imgtodrag = $('.zoomImg');
if (imgtodrag) {
var imgclone = imgtodrag.clone()
.offset({
top: imgtodrag.offset().top,
left: imgtodrag.offset().left
})
.css({
'opacity': '0.5',
'position': 'absolute',
'height': '150px',
'width': '150px',
'z-index': '100'
})
.appendTo($('body'))
.animate({
'top': cart.offset().top + 10,
'left': cart.offset().left + 10,
'width': 75,
'height': 75
}, 1000, 'easeInOutExpo');
setTimeout(function () {
cart.effect("shake", {
times: 2
}, 200);
}, 1500);
imgclone.animate({
'width': 0,
'height': 0
}, function () {
$(this).detach()
});
}
});
P.S。我正在使用jQuery 2.1.3和jqueryui 1.11.2
已经弄清楚了,某些页面上缺少该元素,导致错误