javascript - 可以在 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 和 slider 。

Answer 1

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

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