Question

我正在尝试制作购物车飞行效果，但我收到错误并且不确定为什么顶部被称为未定义。我已经能够在篮子上添加产品但是图像卡住了并且随机出现在屏幕上而不是从父图像到向上推车的动画

$('.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

Answer 1

已经弄清楚了，某个页面上的元素丢失导致错误

Cart to Fly Uncaught TypeError：无法读取属性＆＃39; top＆＃39;未定义的

1 个答案: