javascript - 还记得刷新时 div 的位置吗?

标签 javascript jquery jquery-ui cookies draggable

我使用的代码允许在单击时将 div 移动到用户想要在页面上的任何位置。 http://api.jqueryui.com/draggable/

但是,我想要做的是让浏览器/网页记住用户将 cbox 拖动到的位置,以便刷新页面后它将保留在那里。现在,如果您移动它,当您刷新时,它会将其恢复到开始的位置。我认为这是通过 cookie 完成的,但我不知道从哪里开始实现这一点。

http://candyland-couture.com左下角的聊天框就是我指的可移动div。通过将鼠标悬停在其上方的紫色横幅上并单击并拖动,可以将其拖动。

最佳答案

使用localStorage 。保存 div 的坐标(topleft 也许)在里面。另一种选择是 cookies,但对于某些东西来说,这个简单的 localStorage 可能更适合。

关于javascript - 还记得刷新时 div 的位置吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31838460/

相关文章:

javascript - D3 map SVG 性能

javascript - 未定义 saveTextAsFile

javascript - 将视频带到特定时间的html5视频按钮

php - 如何确保对 CakePHP Controller /操作的 jQuery 自动完成调用中的路径正确解析?

jquery - 在 jQuery UI 向左滑动动画期间使 UL 内联

javascript - 检查号码是否在目标号码范围内

javascript - pdf.js : How can we get the current pdf page number using pdf. js

jquery动画问题

jquery - 在 Jquery 中仅选择第一个 UL Li

javascript - 缩放的 div 不可拖动到所有父 div