保存和恢复 Jquery 可拖放元素

Question

我有一个 div 块，在这 2 个表中，其中一个具有许多可拖动元素（表行），另一个具有许多可放置区域，每个区域本身就是一个表.

我希望能够将此 div 块的状态保存为正在进行的工作，然后重新加载它并在稍后继续。

我可以很容易地使用 ajax 将 div 保存到后端数据库，然后我可以重新加载它，再次使用 ajax，并将返回的数据分配给 innerHTML。

但是（不出所料）我失去了可拖动/可放置的功能。我试过使用破坏、创建、启用等，但没有成功。我还将实例化（是正确的词吗？）放入一个单独的函数中，该函数在文档准备好时调用，并且在重新加载数据时再次调用 - 仍然不起作用。

我需要做什么才能完成这项工作？

顺便说一句，可拖动和可放置元素都有自己的唯一 ID。

TIA

道格

Answer 1

我发现恢复这些元素的唯一方法是创建一个额外的隐藏表，该表使用可放置元素来镜像该表。恢复保存状态时，恢复过程会遍历该表的每一行，并相应地更新原始可拖动元素（每个元素都有唯一的 id）。