jquery:使用cookie保存拖放位置

jquery : save drag and drop position with cookies

本文关键字：拖放 位置 保存 cookie 使用 jquery      更新时间：2023-09-26

我们如何用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>

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

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

对于非html5浏览器，您也可以使用cookie来完成此操作：

$.cookie("boxes", $("#boxes").sortable("toArray"), { expires: 7});
相关文章：