nestedSortable文本ID

Question

我使用jQuery插件http://mjsarfatti.com/sandbox/nestedSortable/嵌套排序，但我有問題與他ID。

我意識到只要我在nestedSortable中設置<li>元素的ID，使用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"等等。