动画元素并使其拖放

Question

我正在制作一款游戏，其中一些产品从右到左依次飞行。整个时间他们也应该是可以拖延的，并被放到一定的位置。但是，当拖延时，它们当然不应该是动画。

我到目前为止的代码，在拖动时动画元素：

var animateElement = function(currentIndex) {
        var endpoint = 20000;
        $('.product-' + currentIndex.toString()).draggable();
        $('.product-' + currentIndex.toString()).transition({
                x: -600,
                y: 100,
            }, endpoint, "linear",
            function() {
                stopAnimation(currentIndex);
            }
        ); //END ANIMATION

        $('#dropProducthere').droppable({
            accept: '.product-' + currentIndex.toString()
        }); //END droppable
    }

    var stopAnimation = function(currentIndex) {
        $('.product-' + currentIndex.toString()).stop().transition();
    }

是否有比上述更好的解决方案？