Jquery Draggable - 在浏览器刷新时保持位置答案

【问题标题】：Jquery Draggable - Maintain Position on browser refreshJquery Draggable - 在浏览器刷新时保持位置
【发布时间】：2012-09-10 00:09:43
【问题描述】：

我的 html 和 css 每 5 分钟通过一个 shell 脚本更改一次，然后浏览器刷新以更新页面以反映更改。

我添加了可拖动的 Jquery 以允许用户重新定位 div，但我仅限于使用客户端编码，因为服务器不支持 PHP、JSP 等。

是否可以在没有服务器端代码的情况下在浏览器重新加载时保持 div 位置？

【问题讨论】：

@Marcin 我尝试改变我的 CSS 和 HTML 的更新方式，但没有运气。我研究了不同的选项，但都指向数据库和服务器端代码解决方案。我能想到的唯一选择是js是否根据可拖动位置动态更新css。但我不确定如何实现。
那你为什么不检查一下你在问题中评估过的那些选择呢？

【解决方案1】：

你可以试试web storage。不适用于较旧的浏览器，但假设这只是一种美学上的细节，它将照顾您的大多数用户。它如何工作的要点在于每次移动，您将位置数组写入键值，并在加载时回调值以设置初始位置。

【讨论】：

或者，他可以只保存触发重新加载时的状态。现在肯定应该在现代框架中对此提供支持吗？
@Bubbles 好建议，但是这台机器无法访问互联网。对不起，我应该提到的。
@Rhys - 没关系，因为密钥存储在浏览器客户端中。如果有问题的浏览器不支持它，那么是的，它不会工作。
@Marcin 我将如何做到这一点？如果你能指出我正确的方向，那将不胜感激。
我从来没有听说过可以在页面请求上专门触发的事件（它的存在让我觉得有点奇怪，因为刷新部分是为了充当页面中断），所以我有点怀疑这是可能的。但无论如何，我只是在拖动停止时触发网络存储，类似于： $(".selector").draggable({ stop: function(event, ui) { // 保存位置信息的代码 } });它还有一个额外的好处，即在浏览器意外关闭的情况下具有容错能力。