1

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

我目前遇到的问题是选框和可拖动+可放置它们自己可以正常工作，但是当我将它们结合起来时，选框插件会干扰可放置行为。我仍然是 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）或一些教程，我将不胜感激。

提前致谢！:-)

4

0 回答 0