0

これは少し奇妙な欲求ですが、私はjQuery UIを使用してマッチングゲームを作成しており、ユーザー<ul>がjQueryの1つdraggables（リストA）から要素をドラッグしてからjQuery（リストB）にドロップできるようにしたいと考えていますdroppable。ユーザーは、リストAのすべてのアイテムがリストBの正しい場所にあると判断した後、ボタンをクリックして回答を確認できます。

これはそれがトリッキーになるところです。クリックして回答を確認すると、正しいアイテムが緑色になり、所定の位置にロックされます。間違ったアイテムは、間違ったドロップ可能アイテムに残されます。間違ったアイテムをリストAに戻す方法について誰か良いアイデアがありますか？

コードを投稿することはできますが、それが必要かどうかはわかりません。アイデアや模擬実装が必要なだけです。

ありがとう！

****

編集：

ケンのおかげで、これが私がやっていることです...アイテムがドロップされると、jQueryはそれに特定のcssプロパティを追加します。position:relative、、、topおよびleftは、アイテムが受け入れられたドロップ位置に固定されたままになるように変更されます。これらを元に戻すために、私は次のことを行いました（correctLoc正しくドロップされたアイテムに追加した後）：

$('li:not(.correctLoc)').animate({top: 0, left: 0});

ケンありがとう！

****

4

1 に答える 1

1

正しさをチェックしていくつかのアイテムを緑色にすると、おそらくそれらのアイテムにクラスが追加されます。したがって、間違ったアイテムをリセットするには、次のようにします。

$('#listB')
    .find('li:not(.correct)')  // select wrong items
    .appendTo('#listA');       // insert into list A
于 2010-08-05T16:31:06.197 に答える