localStorageを使用してリストの順序を格納する

Question

私は並べ替え可能なjQuery UIの順序付けられていないリスト（UL）を持っているので、ユーザはリスト（LI）をクリックしてドラッグすることができます。

どのようにしてULの内容の順序を保存し、これを私のサイトのフッターに表示するにはlocalStorageを使用しますか？

事前に感謝します。私は検索しましたが、助言を見つけることができませんでした。

Answer 1

各要素には識別子（リストに保持されている位置）を割り当てる必要があります。移動 ながら、その値を変更する（たとえば、あなたはそのための 'REL' を使用することができます）

のlocalStorageのようなものを保持します：

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

：リストは次のようになりに対し

1 - firstEl 
2 - thirdEl 
3 - secondEl 

を