将元素附加到另一个元素Jquery

Question

我正在尝试将imgclone附加到另一个名为 fa-shopping-bag 的div中，但是附加功能不起作用，会发生什么，它会重叠屏幕

$('.add').on('click', function () {
    $('html,body').animate({scrollTop: 0}, 1000);
    var cart  = $('.fa-shopping-bag');
    var imgtodrag = $('#product-images > div > ul.slides > li.flex-active-slide > img:nth-child(1)');
    if (imgtodrag) {
        var imgclone = imgtodrag.clone()
            .offset({
                top: imgtodrag.offset().top + 250,
                left: imgtodrag.offset().left
            })
            .css({
                'opacity': '0.5',
                'position': 'absolute',
                'height': '150px',
                'width': '150px',
                'z-index': '100'
            })
            .appendTo($('.fa-shopping-bag'))
            .animate({

                'top': 0,
                'right': 0,
                'width': 50,
                'height': 50
            }, 3000, 'easeInOutExpo');


        imgclone.animate({
            'width': 0,
            'height': 0
        }, function () {
            $(this).detach()
        });
    }
});