是否可以在 localStorage 中保存元素位置？ （jQuery可拖动）

Question

我浏览了有关使用 Jquery UI 拖动该元素时在 localStorage 中保存元素位置的主题。但我没有找到解决办法。

在我的 HTML 中，我们可以将 <div id="canvas"></div> 拖到页面内。

在我的脚本中，有：

$('#canvas').draggable({
 containment: 'parent'
});

我尝试使用 localStorage.setItem('canvas', 'top', 'left'); 来保存顶部和左侧的属性，但这似乎是错误的。是我对 localStorage 要求太多还是可以用它来实现？

我是 JS 和 Jquery 的新手，如果我的问题看起来更简单，我很抱歉。

谢谢你，

PS：这里是http://jsfiddle.net/remibenault/yUw63/30/，带有可拖动的 div 和滑块。

Answer 1

您没有正确使用 LocalStorage API。使用 setItem 的正确方法是 localStorage.setItem(key, value)。你传递了 3 个参数。您可能想要设置 2 个键：

localStorage.setItem('canvasTop', valuehere);
localStorage.setItem('canvasLeft', anotherValuehere);