Jqueryのドラッグアンドドロップ可能な要素

Question

私はdivブロックを持っていて、その2つのテーブルのうちの1つにいくつかのドラッグ可能な要素（テーブル行）があり、もう1つには複数のドロップ可能なゾーンがありますそのゾーンはそれ自体のテーブルである。

このdivブロックの状態を進行中の作業として保存してから、再ロードして後で続行したいと考えています。

ajaxを使用してdivをバックエンドデータベースに簡単に保存できます。また、ajaxを使用してリロードし、返されたデータをinnerHTMLに割り当てることもできます。

しかし、私はドラッグ可能な/ドロップ可能な機能を失います。私は破壊を使用して作成しようとしましたが、有効にするなど、成功しません。私はインスタンス化（適切な言葉ですか？）を別の関数に置いています。これは、ドキュメントの準備ができた時点で呼び出され、データをリロードする際に呼び出されます。

この作業を行うには何が必要ですか？

ところで、draggable要素とdroppable要素はそれぞれ固有のIDを持ちます。

TIA

ダグ

Answer 1

私は再instateこれらの要素に見つけた唯一の方法は、ドロップ可能な要素を持つテーブルをミラー追加隠されたテーブルを作成することです。保存された状態を再開するとき、再起動プロセスはこのテーブルの各行を通り、それに応じて元のドラッグ可能な要素（それぞれが一意のIDを有する）を更新する。