我想给用户一个拖放屏幕，他们可以在其中移动东西。我可以使用 HTML5 和 JQuery Draggable 来实现这种体验。
问题是，如何在服务器端保持元素的位置，以便在用户重新访问页面时可以重新创建新位置。我不想跟踪每个（x，y）坐标并存储在数据库中，而是我想在用户移动元素时动态生成一个“自定义”css文件，然后将该css文件存储在服务器中.不幸的是，我只知道我不知道如何跟踪动作并生成 css 文件。
任何提示或一些框架都会有所帮助。
【问题讨论】：
标签： javascript jquery css draggable
我建议您查看http://diveintohtml5.info/storage.html 以将值存储在客户端。否则，您可以将值作为 YAML 或 JSON 在服务器上存储，但这将比与该线程相关的方法多得多。
【讨论】：
刚刚玩过这个http://jqueryui.com/draggable/，我观察到每当我们移动 div 时，它都会改变它的内联样式（上、左、右、下）。我在移动后复制了它的样式属性并刷新了页面。
刷新后 div 回到原来的位置，现在我将复制的样式属性粘贴到 div 中，它恢复了之前复制样式的状态。
所以，您可以将一组元素 ID 作为键，将样式属性作为值。将其上传到服务器，或者您可以使用 localStorage @ 客户端。在页面上重新加载获取数组并设置内联样式:)
我在过去的项目中也有类似的要求，但放置目标是固定的......就像瓷砖可以放置到 <li> 元素的数组上。我通过仅按顺序存储<li> 元素的索引来处理它。
【讨论】：