如何让html图像移至特定位置？

Question

我的图像无法移动到我设置的位置。

这是我在https://codepen.io/anon/pen/REvbEZ中发现的一些代码，当我尝试将其应用到我的代码中时不起作用。 我已尝试更改某些运动，但是它根本不起作用。

$('.add-to-cart').on('click', function () {
        var cart = $('.shopping-cart');
        var imgtodrag = $(this).parent('.item').find("img").eq(0);
        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');
    });

在我按下“添加到购物车”按钮后，让产品图像移至购物车图像。 这是为了让用户知道产品已成功添加到购物车。