Jquery 字幕+；可拖动&x2B；可下降的不工作

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

我目前面临的问题是，marquee和draggable+droppable本身运行良好，但当我将它们组合在一起时，marquee插件会干扰droppable行为。我在jQuery编程方面还是个新手，所以我不知道是否有办法堆叠函数，或者如何排序元素

我把所有的东西都放在这里了（只是赤裸裸的）：

我还尝试使用animate（）滚动项目，但当项目被放置在框中时，它仅在动画停止时显示确认：

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

我之所以使用jQuery，是因为我对它有一点了解，但如果有人能找到更好的方法（HTML5，任何神奇的程序，没有FLASH）或一些教程，我将不胜感激

---

提前感谢！：-）

可能会颠倒2（插件/可拖动）的顺序。您的jQuery是在其他脚本之前加载的吗？jQuery是在底部的脚本中加载的。我尝试颠倒脚本的顺序，但结果是一样的：-/