使用localStorage存儲列表的順序

Question

我有一個可排序的jQuery UI無序列表（UL），以便用戶可以單擊並將項目（LI）從一個列表拖動到另一個列表，從而選擇他們旅程的順序。

我該如何使用localStorage來保存UL內容的順序，然後在我的站點頁腳中顯示這些內容，以便在他們的旅程中持續使用？

非常感謝提前。我搜查了，但找不到任何建議。

Answer 1

您必須爲每個元素分配一個標識符 - 它保存在列表中的位置。 雖然移動，更改值（例如，你可以使用爲 '相對'）

的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>