从jquery中拖拽，排序和序列化不同的listi

Question

我有不同的列表，我可以从一个列表拖动一个元素到另一个列表，当我序列化其中的一个，我得到每个元素..我拖动另一个列表。 问题是，当我从一个不可排序的列表拖入可排序列表中的一个元素，而是从一个仅拖动列表中拖出一个元素。 当我尝试序列化其中一个可排序列表时，我无法从可拖动列表中获取该ID

例如，如何序列化该列表？ http://jqueryui.com/demos/draggable/#sortable 如果你尝试..被拖动的元素没有被序列化。

<script> 
    $(function() { 
     $("#sortable").sortable({ 
      revert: true 
     }); 
     $("#draggable").draggable({ 
      connectToSortable: "#sortable", 
      helper: "clone", 
      revert: "invalid" 
     }); 
     $("ul, li").disableSelection(); 

     $('#save').click(function() { 
      var $list = $('#sortable').sortable('serialize'); 
      alert($list); 
     }); 


    }); 
    </script> 



<div id="save">salva</div> 
<div class="demo"> 

<ul id="draggable"> 
    <li class="ui-state-highlight" id="c_0">Drag me down</li> 
</ul> 

<ul id="sortable"> 
    <li class="ui-state-default" id="c_1">Item 1</li> 
    <li class="ui-state-default" id="c_2">Item 2</li> 

</ul> 

</div><!-- End demo --> 

Answer 1

代替

var $list = $('#sortable').sortable('serialize'); 

尝试

var $list = $('#sortable').sortable('serialize', {key:'c'});