Marquee + Draggable + Droppable无法正常工作

Question

我正在尝试制作一个简单的游戏，它包含一组滚动元素（为了实现这一点，我正在使用this plugin），我打算拖放到一组四个容器（使用jQueryUI的draggable和droppable）并匹配，如果它们在正确的容器中（想象30个动物在底部滚动，你必须根据它们是鸟类，哺乳动物，爬行动物等进行排序）。 30秒后游戏结束，它显示正确/错误元素的数量。

我目前遇到的问题是，字幕和可拖动的+ droppable都可以正常使用，但是当我将它们组合起来时，Marquee插件会干扰可放置的行为。我仍然是jQuery编程的新手，所以我不知道是否有一种方法来堆叠函数，或者如何订购元素。

我已经把所有东西（只是准系统）：

Here

我也尝试使用animate（）来滚动项目，但是当项目被放在框中时，它只会在动画停止时显示确认信息：

$("#itemsHolder li").each(function(i){
    var $li = $(this);
    setTimeout(function () { 
        $li.animate({'left': '500px'}, 7000, 'linear', function(){ $li.hide(); });
    }, 1500 * i );
});

我使用的是jQuery，因为我对它有一点点理解，但是如果有人有更好的方法（HTML5，任何神奇的程序让所有东西变得神奇，没有闪存）或者一些教程，我会很感激。

提前致谢！ ： - ）