Вложенной текстовый код вставки

Question

Я использую плагин jQuery http://mjsarfatti.com/sandbox/nestedSortable/ для вложенных сортировок, но у меня возникают проблемы с идентификатором.

Я понял, что всякий раз, когда я устанавливаю идентификатор элемента <li> в вложенномСортабе, вывод с использованием 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="list1"id="list_1" и так далее.