我有一个网站，我正在为其制作小部件。这些小部件是可拖动的。我想知道如何保存小部件的位置(以及它是否隐藏[禁用或启用])，并加载位置以及当您再次加入网站时(使用同一用户)它是否隐藏。感谢您的宝贵时间，如果您不明白我的需要，请发表评论。
最佳答案
我假设您的小部件位于 <ul> 中, 一 <li>每个小部件，这很正常。
能够定位它们
您首先需要按照特定的顺序排列小部件。想象一下，您已经完成了艰苦的工作并拥有了用户将拥有的数据。对其进行硬编码并使您的模块正确显示。更改数据，看看模块是否按预期显示。
用户需要拖动它们。 jQuery Draggable 是你的 friend 。
证明您可以获取数据
能够在移动后从页面获取小部件的顺序。 Draggable 示例显示了 .serialize() 函数。
您还需要知道哪个是打开的，哪个是关闭的。您可以使用 jQuery .map() 创建另一个列表如果你问得好的话，它可以返回他们的 ID 和状态。
向屏幕发出警报，写入文档，或者最好使用 console.log() .
与服务器交互
如果您只想使用 cookie 进行测试，则可以跳过此步骤，因为浏览器可以设置它们。
但是，如果您想将其与用户信息一起存储，以防他们注销、启动新 session 或使用另一台计算机，您将需要使用数据库。
您需要了解如何使用 ajax 将数据从浏览器发送到服务器。 jQuery 是你的 friend 。
您需要了解如何在数据库中存储用户信息。
恢复位置
您希望能够从非硬编码的列表中设置小部件的位置，以便能够使用您保存的数据在页面加载时正确排序小部件。您在第一步中就完成了此操作，但使用了硬编码数据。
关于javascript - 保存可拖动div jQuery的位置，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14885669/