Сохранение порядка списка с использованием localStorage

Question

У меня есть сортируемый список (UL) jQuery UI с возможностью сортировки, так что пользователь может щелкать и перетаскивать элементы (LI) из одного списка в другой, выбирая порядок своего путешествия.

Как бы я использовал localStorage, чтобы сохранить порядок содержимого UL, а затем отобразить его в нижнем колонтитуле моего сайта на время их поездки? ​​

Большое спасибо заранее. Я искал, но не мог найти совет.

Answer 1

Вы должны будете назначить каждому элементу идентификатор - позицию, которую он занимает в списке.Во время перемещения измените это значение (например, для этого вы можете использовать 'rel')

Localstorage будет содержать что-то вроде:

1 - firstEl
2 - thirdEl
3 - secondEl

Тогда как список будет выглядеть следующим образом:

<ul>
 <li id="firstEl" rel="1">..</li>
 <li id="thirdEl" rel="2">..</li>
 <li id="secondEl" rel="3">..</li>
</ul>