回答編集履歴

1 コード修正

_yu_

_yu_ score 91

2017/02/13 19:53  投稿

認識違いでしたらすみません。
「Up」ボタン押下時の関数「moveUp」と
「Down」ボタン押下時の関数「moveDown」に
それぞれ「localStorage.setItem」を追加してあげると、
やりたいことが実現できると思います。
(Up・Down時にlocalStorageに保存)
```
var moveUp = function ($currentElement) {
   var hook = $currentElement.prev('.liEllipsis');
   if (hook.length) {
       var elementToMove = $currentElement.detach();
       hook.before(elementToMove);
       // ★↓ここです
       localStorage.setItem("ul_li_SubCategories", $("#ul_li_SubCategories").html());
   }
};
var moveDown = function ($currentElement) {
   var hook = $currentElement.next('.liEllipsis');
   if (hook.length) {
       var elementToMove = $currentElement.detach();
       hook.after(elementToMove);
       // ★↓ここです
       localStorage.setItem("ul_li_SubCategories", $("#ul_li_SubCategories").html());
   }
};
```
 
補足ですが、
「localStorage.setItem("ul_li_SubCategories", $("#ul_li_SubCategories").html());」は
共通ですので関数化することで綺麗に見えると思います。
```
var moveUp = function ($currentElement) {
   var hook = $currentElement.prev('.liEllipsis');
   if (hook.length) {
       var elementToMove = $currentElement.detach();
       hook.before(elementToMove);
       // ★↓ここです
       saveSubCategories();
   }
};
// ...
// ★↓ここです
function saveSubCategories() {
   localStorage.setItem("ul_li_SubCategories", $("#ul_li_SubCategories").html());
   var html = $("#ul_li_SubCategories").html()
   localStorage.setItem("ul_li_SubCategories", html);
}
```

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る