使用jQuery定位一个动画元素

Question

我正在制作一辆沿着道路潜水的动画车，用户可以点击该区域，图形将移动到此位置。

此外，面包车已改变方向以匹配方向。

我可以从左到右制作它，但我很难再次将面包车开回去。我可以一次做一步，但是在跳几次时我会卡住。

我有一点作弊，我有一个存储位置和角度的数组。

您可以在此处查看：http://esdev.co.uk/trimble/tr77_animation/

我正在使用transit进行轮换。 'Dests'是位置的数组，它保持一个角度，一个倒角和顶部和左侧的位置。

这就是我要制作面包车的原因。

//////////////////////////////////////////////////
// Animate stops
function drive(dests)
{
    if( direction == 'forward' ) 
    {
        $.each( dests, function(k,v)
        {
            van.animate(
                {
                    left:  journey[v].left- vanwidth/2,
                    top:  journey[v].top- vanheight/2,

                }, anispeed, function(){

                    van.css({ rotate: journey[v].angle });
                }
            );

        });    
    }
    else if( direction == 'reverse' )
    {
        $.each( dests, function(k,v)
        {

            van.css({ rotate: journey[v].rev });

            van.animate(
                {
                    left:  journey[v].left- vanwidth/2,
                    top:  journey[v].top- vanheight/2,

                }, anispeed);

        });
    }

}

任何想法都非常感激。不要太担心优雅或有效的答案，只需要工作。