javascript - jQuery : save drag and drop position with cookies

Question

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

我在这段代码中使用了 Jquery

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

我需要用 cookie 保存可排序的项目。实际上我只是使用了来自 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});