是否可以在localStorage中保存元素位置? (Jquery可拖动)

时间:2014-05-10 22:11:31

标签: javascript jquery html5 local-storage jquery-ui-draggable

当使用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和滑块。

1 个答案:

答案 0 :(得分:1)

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

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