JQuery перетащить, сохранить и сохранить через cookie - как?

Question

Извините, что вернулись, но вы, парни и девушки, похоже, знаете об этом гораздо больше, чем я ... во всяком случае, вот мой вопрос / проблема

Я хочу использовать перетаскивание, отбрасывание, сортировку (плагин интерфейса делает меня хоть и прочитал, что он устарел? 1003 *

Во всяком случае, как мне установить cookie для сохранения позиций из этого:

$(document).ready(
function () {
    $('a.closeEl').bind('click', toggleContent);
    $('div.groupWrapper').Sortable(
        {
            accept: 'groupItem',
            helperclass: 'sortHelper',
            activeclass : 'sortableactive',
            hoverclass : 'sortablehover',
            handle: 'div.itemHeader',
            tolerance: 'pointer',
            onChange : function(ser)
            {
            },
            onStart : function()
            {
                $.iAutoscroller.start(this, document.getElementsByTagName('body'));
            },
            onStop : function()
            {
                $.iAutoscroller.stop();
            }
        }
    );
}

);

var toggleContent = function(e)
{
    var targetContent = $('div.itemContent', this.parentNode.parentNode);
    if (targetContent.css('display') == 'none') {
        targetContent.slideDown(300);
        $(this).html('[-]');
    } else {
        targetContent.slideUp(300);
        $(this).html('[+]');
    }
    return false;
};

var ser = function (s) {
    serial = $.SortSerialize(s);
    alert(serial.hash);
};

, которая является "стандартной" интерфейсной демонстрацией, PLUS

Как мне тогда прочитать этот файл cookie, чтобы при следующем посещении страницы порядок был таким же, как я установил его в файле cookie?

Надеюсь, из этого я смогу отработать все остальное .......?

Заранее спасибо за помощь.

Answer 1

Вот полностью рабочий код, который я использую для своей админ-панели.

http://jsfiddle.net/Frenki/7dr6a/2/

Добавьте class = "itemDrag" к div, который вы хотите перетащить, вы можете иметь столько div внутри, сколько хотите. и оставьте # drop-esquarda id как есть, и он будет работать для вас. Кроме того, каждый добавляемый вами новый div должен иметь class = "itemDrag" + некоторый уникальный идентификатор, и это все, вы можете иметь столько, сколько захотите, не забудьте включить плагин jquery cookie, пользовательский интерфейс jquery и сам по себе jquery

Answer 2

Это может вам помочь: Запоминание перетаскиваемой jQuery позиции палитры инструментов между обновлениями страницы