[WORDPRESS] DB에 UI를 jQuery - 정렬 위치를 저장

DB에 UI를 jQuery - 정렬 위치를 저장

해결법

1. ---

   1.당신의 HTML 정렬을 자바 스크립트를 추가 및 업데이트에 PHP에 저장합니다.

   당신의 HTML 정렬을 자바 스크립트를 추가 및 업데이트에 PHP에 저장합니다.

   <ul id="sortable">
       <li id="1">elem 1</li>
       <li id="2">elem 2</li>
       <li id="3">elem 3</li>
       <li id="4">elem 4</li>
   </ul>
   
   $(document).ready(function(){
       $('#sortable').sortable({
           update: function(event, ui) {
               var newOrder = $(this).sortable('toArray').toString();
               $.get('saveSortable.php', {order:newOrder});
           }
       });
   });
   

2. ---

   2.나는 이것이 오래 알고,하지만 내가 그냥 모든 LI에 숨겨진 입력 요소를 추가한다. 그들은 모두 말 []와 같은 이름을 가질 것이다. 당신이 UL을 포함하는 양식을 게시 할 때이 방법, 당신은 당신이 당신의 목록을 넣어 위해 귀하의 게시물 값의 배열을 얻을 것이다.

   나는 이것이 오래 알고,하지만 내가 그냥 모든 LI에 숨겨진 입력 요소를 추가한다. 그들은 모두 말 []와 같은 이름을 가질 것이다. 당신이 UL을 포함하는 양식을 게시 할 때이 방법, 당신은 당신이 당신의 목록을 넣어 위해 귀하의 게시물 값의 배열을 얻을 것이다.

3. ---

   3.정렬 가능한 문서에 따르면, 우리는 몇 가지 문자열로 LI의 ID를 앞에해야합니다. 우리는 업데이트 방법에 정렬을 직렬화하는 경우, 우리는 PHP 예에 좋은 배열을 얻을 것이다 NEW_ORDER [] = 1 NEW_ORDER [] = 2 등

   정렬 가능한 문서에 따르면, 우리는 몇 가지 문자열로 LI의 ID를 앞에해야합니다. 우리는 업데이트 방법에 정렬을 직렬화하는 경우, 우리는 PHP 예에 좋은 배열을 얻을 것이다 NEW_ORDER [] = 1 NEW_ORDER [] = 2 등

   var data = $(this).sortable('serialize');
   
   <ul id="sortable">
       <li id="new_order_1">elem 1</li>
       <li id="new_order_2">elem 2</li>
       <li id="new_order_3">elem 3</li>
       <li id="new_order_4">elem 4</li>
   </ul>
   

4. ---

   4.

   You may POST with input  to DB and save it
   Here we go:
   <ul id="sortable">
       <li id="1"><input type ="text" value="elem 1"/></li>
       <li id="2"><input type="text" value="elem 2"/></li>
      .
      .
   </ul>
   <style>
    #sortable{
     border: hidden;
   }
   </style>
   $(document).ready(function(){
       $('#sortable').sortable({
           update: function(event, ui) {
               var newOrder = $(this).sortable('toArray').toString();
               $.get('saveSortable.php', {order:newOrder});
           }
       });
   });
   

   희망이 도움이;)

from https://stackoverflow.com/questions/7097168/save-jquery-ui-sortable-positions-to-db by cc-by-sa and MIT license