1

一連のスクロール要素で構成される単純なゲームを作成しようとしています (これを実現するために、このプラグインを使用しています)。これを 4 つのコンテナーのセットにドラッグ アンド ドロップすることを意図しています (jQueryUI のドラッグ可能およびドロップ可能）、正しいコンテナに入っているかどうかを照合します（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、魔法のようにすべてを作る魔法のプログラム、NO FLASH）またはこれに関するいくつかのチュートリアルを手に入れたら、私はそれを感謝します.

前もって感謝します！:-)

4

0 に答える 0