缓存和对象序列化

Question

我有一个问题： 如何将我的 div 位置（我有 3 个 div（带有类：my_box_position））保存到缓存并使用 Mootools 再次恢复： 我的代码：

Element.implement({
serializePos: function(){
        var coors = this.getCoordinates();
        return {                
                id: this.id.replace('rb_',''), 
                lefty: coors.top.toInt(),
                leftx: coors.left.toInt(),
                righty: coors.height.toInt() + coors.top.toInt(),
                rightx: coors.width.toInt() + coors.left.toInt(),
                minimized: this.hasClass('rb_minimized')
            }.toSource();
        }
})

像这样使用：

var obj = $$('.my_box_position').serializePos();
Cookie.write('box_position',obj);

现在我们从cookie中读取：

if (typeOf(Cookie.read('box_position')) != 'null') {    
                var boxes = eval(Cookie.read('box_position'));
                ...??? How can I set my div position here? 
            }

谢谢。

Answer 1

使用 setStyles 设置高度、宽度以及左侧和顶部位置（使用正确的位置，例如绝对或相对，具体取决于您的案件）。