JQuery: сохранить позицию перетаскивания с куки

Question

как мы можем сохранить перетаскиваемый элемент с куки.

Я использую Jquery с этим кодом

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

Мне нужно сохранить сортируемый элемент в файлах cookie.На самом деле я только что использовал учебник из http://www.shopdev.co.uk/blog/sortable-lists-using-jquery-ui/

HTML code

<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"));

Вы также можете сделать это с cookie для браузеров, не поддерживающих HTML5:

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