0

私は在庫システムを作成していますが、構造を作成するための最良の方法を見つけることができません。私はJQueryの.draggableと.droppableを使用しており、HTMLは次のようになっています。

<div id="inventory">
  <div class="slot" data-slot_id="1">
      <div class="item ui-draggable" data-item_id="1"></div>
  </div>
  <div class="slot" data-slot_id="2"></div>
  <div class="slot" data-slot_id="3"></div>
</div>

インベントリに背景画像があり、ドラッグ可能なアイテムがスロットの上にあると、問題が発生します。ドラッグ可能なアイテムがdiv内にあるため、ドラッグ可能なアイテムの後にあるdivがドラッグ可能なアイテムの上に表示されます。ドラッグ可能なアイテムをカバーせずに、これをハイライトで機能させる方法はありません。

最後に、スロットはコンテナの左側に浮かんでいます。これは、在庫コンテナのサイズが変更される可能性があり、スロットを自動的に再注文して在庫に収める必要があるためです。どんなアドバイスでも大歓迎です！

タイスコーピオン

4

1 に答える 1

0

オーケーは解決策を見つけました。深夜のせいです。ドラッグイベントの開始時に親アイテムのインデックスを高くして、子が残りのアイテムの上にとどまるようにし、ドロップイベントで通常の状態に戻します。 D

于 2012-11-07T16:49:35.207 に答える