jquery：使用cookie保存拖放位置

Question

我们如何使用Cookie保存拖动的项目。

我正在使用Jquery这段代码

$("#boxes").sortable({
  handle : '.drag'
});

我需要用cookies保存可排序项目。 其实我刚刚使用了来自http://www.shopdev.co.uk/blog/sortable-lists-using-jquery-ui/

的教程

HTML代码

<ul id="boxes" style="margin-top:5px;">    
    <li id="box1" class="con">
          <div class="drag"></div>
        </li>
    <li id="box2" class="con">
          <div class="drag"></div>
        </li>
    <li id="box3" class="con">
          <div class="drag"></div>
        </li>
</ul>

Answer 1

为什么不使用本地浏览器存储？

localStorage.setItem("boxes", $("#boxes").sortable("toArray"));

对于非html5浏览器，您也可以使用cookie执行此操作：

$.cookie("boxes", $("#boxes").sortable("toArray"), { expires: 7});