Javascript 可拖动div jQuery的保存位置

我有一个网站，我正在为它制作小部件。这些小部件是可拖动的。我想知道如何保存小部件的位置（以及它是否隐藏[禁用或启用]），并在您再次加入网站（使用同一用户）时加载位置以及它是否隐藏。感谢您抽出时间，如果您不明白我需要什么，请发表评论。

您需要做的是：
在给定时间保存状态。例如，当您更改它时

$('#toBeDragableId').draggable({
   // options...
   drag: funciton(event,ui){
      theUserposition = ui.position;
   }
});

您需要以一致的方式保存用户位置，如数据库或使用cookie或客户端存储。之后，您需要记录它并在加载页面时进行设置

---

您必须做的是：
在给定时间保存状态。例如，当您更改它时

$('#toBeDragableId').draggable({
   // options...
   drag: funciton(event,ui){
      theUserposition = ui.position;
   }
});

您需要以一致的方式保存用户位置，如数据库或使用cookie或客户端存储。之后，您需要记录它并在加载页面时进行设置

---

我假设您的小部件位于一个

中，每个小部件一个
，这很正常

能够定位它们

首先，您需要按照特定的顺序排列小部件。想象一下，您已经完成了艰苦的工作，并且拥有了用户可能拥有的数据。硬编码，使您的模块正确显示。更改数据，查看模块是否按预期显示。
用户需要拖动它们。jQuery draggable是您的朋友

证明您可以获取数据

能够在小部件移动后从页面中获取它们的顺序。可拖动的示例显示了一个.serialize（）函数
您还需要知道哪个打开，哪个关闭。您可以使用jQuery
.map（）
创建另一个列表，如果您仔细询问，它可以返回它们的ID和状态。
提醒屏幕，写入文档，或者最好使用
控制台.log（）

与服务器交互

如果只想使用cookies进行测试，则可以跳过此步骤，因为浏览器可以设置cookies。

但如果您想在用户注销时将其与用户信息一起存储，请启动新会话或使用另一台计算机，您需要使用数据库。

您需要了解如何使用ajax将数据从浏览器发送到服务器。jQuery是您的朋友。

您需要了解如何在数据库中存储用户信息

恢复位置

您希望能够从非硬编码的列表中设置小部件的位置，以便能够使用保存的数据在页面加载时正确排序小部件。您在第一步中就这样做了，但使用的是硬编码数据
 我假设您的小部件位于一个
中，每个小部件一个
，这很正常

能够定位它们

首先，您需要按照特定的顺序排列小部件。想象一下，您已经完成了艰苦的工作，并且拥有了用户可能拥有的数据。硬编码，使您的模块正确显示。更改数据，查看模块是否按预期显示。
用户需要拖动它们。jQuery draggable是您的朋友

证明您可以获取数据

能够在小部件移动后从页面中获取它们的顺序。可拖动的示例显示了一个.serialize（）函数
您还需要知道哪个打开，哪个关闭。您可以使用jQuery
.map（）
创建另一个列表，如果您仔细询问，它可以返回它们的ID和状态。
提醒屏幕，写入文档，或者最好使用
控制台.log（）

与服务器交互

如果只想使用cookies进行测试，则可以跳过此步骤，因为浏览器可以设置cookies。

但如果您想在用户注销时将其与用户信息一起存储，请启动新会话或使用另一台计算机，您需要使用数据库。

您需要了解如何使用ajax将数据从浏览器发送到服务器。jQuery是您的朋友。

您需要了解如何在数据库中存储用户信息

恢复位置

您希望能够从非硬编码的列表中设置小部件的位置，以便能够使用保存的数据在页面加载时正确排序小部件。您在第一步中就这样做了，但使用的是硬编码数据
 当然可以。你需要在删除一个时（或者在发布前等待几秒钟，以防他们在短时间内移动多个），将这些数据保存在他们的用户记录中，然后下次将它们放在正确的位置。你能举个例子吗？我会将其保存在数据库中，与他们的用户名绑定，然后检索它，还是其他什么？这个例子有很多问题要问。你会被问到“你尝试了什么”，我可以给你逻辑。是的，当他们登录或查看page@popnoodles我不知道该怎么做，这就是我在这里问的原因。我什么都没试过，我不知道从哪里开始。好的，我来把它分解……是的，你当然可以。你需要在删除一个时（或者在发布前等待几秒钟，以防他们在短时间内移动多个），将这些数据保存在他们的用户记录中，然后下次将它们放在正确的位置。你能举个例子吗？我会将其保存在数据库中，与他们的用户名绑定，然后检索它，还是其他什么？这个例子有很多问题要问。你会被问到“你尝试了什么”，我可以给你逻辑。是的，当他们登录或查看page@popnoodles我不知道该怎么做，这就是我在这里问的原因。我什么都没试过，我不知道从哪里开始。好的，我来分解一下……谢谢。在我完成任务后，我将使用什么加载该职位