jQuery сортируется с печеньем

Question

Я хочу иметь страницу виджета 4 div, которую можно перетаскивать, чтобы изменить макет. У меня есть две вещи, которые я не могу понять. Во-первых, я хотел бы сохранить макет и загрузить макет из плагина jQuery cookie, но не могу понять, как это сделать. Вот мой jsfiddle

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

Я думаю, вот как вы установили куки:

 update:function(e,ui) {
        var order = foo.sortable("toArray").join();
        $.cookie("sortableOrder",order);
  });

Answer 1

Что вам нужно сделать, это во время загрузки страницы, проверить значение файла cookie. Если он есть, выполните цикл по значениям cookie и сравните его с элементами s, которые в данный момент находятся в списке. Если он существует, добавьте элемент из файла cookie в новый список. Вновь созданный список - это то, что вы добавляете на страницу и удаляете исходный список, в этом смысле загружая сохраненный порядок элементов. Итак, по сути у вас есть три массива. 1. Фактический список элементов на странице во время загрузки. 2. Список хранится в куки. 3. Пустой список во время загрузки, который вы будете использовать для создания нового упорядоченного списка. Когда вы сравниваете текущий список с элементами списка в файле cookie, и они существуют в обоих, вы помещаете этот элемент в третий «ранее» пустой массив. Таким образом, когда вы перебрали все элементы, у вас есть новый упорядоченный список, и вы удалите оригинал.

Надеюсь, это поможет. Я бы еще объяснил с примером, но на работе. Извините ..: (