nestedSortable 텍스트 ID

Question

중첩 정렬에 jQuery 플러그인 http://mjsarfatti.com/sandbox/nestedSortable/을 사용하고 있지만 ID가 문제가 있습니다.

<li> 요소의 ID를 nestedSortable에 설정할 때마다 toArray, toHierarchy 또는 serialize를 사용하여 출력이 null을 반환한다는 것을 깨달았습니다.

  <ol class="sortable"> 
      <li id="list1"><div>A</div> 
       <ol> 
        <li id="list2"><div>1</div></li> 
        <li id="list3"><div>2</div></li> 
        <li id="list4"><div>3</div></li> 
        <li id="list5"><div>4</div></li> 
       </ol> 
      </li> 
      <li id="list6"><div>B</div> 
       <ol> 
        <li id="list7"><div>1</div></li> 
        <li id="list8"><div>2</div></li> 
       </ol> 
      </li> 
     </ol> 
     <script type="text/javascript"> 
      $(document).ready(function(){ 

       $('.sortable').nestedSortable({ 
        handle: 'div', 
        items: 'li', 
        toleranceElement: '> div', 
        update: function() { 
         list = $(this).nestedSortable('toHierarchy'); 
         $("#abc").html(JSON.stringify(list)); 
        } 
       }); 

      }); 
     </script> 
     <pre id="abc"></pre> 

출력은 [null,null]입니다. 어떤 종류의 제한입니까 아니면이 문제를 해결할 수있는 방법이 있습니까?

Answer 1

ID 속성에는 밑줄이 포함되어야합니다.

id="list1"에서 id="list_1" 등으로 변경하십시오.