如何为jquery .animate类的属性更新变量？

Question

我正在尝试更新偏差变量，以使top属性对于每个移动的对象都不同。即使控制台告诉我变量已正确更新，但在退出时我始终具有相同的top属性。 为什么？怎么了？

var time = 0;

var deviation=0;  

 $('.card').each(function() {

            $(this).delay(time).animate({                

                top: '+='+deviation,

                opacity: 1

            }, 200, function () {                

                deviation+= 10;                

                console.log(deviation);

            });        

        time += 300;

    });