如何在Jquery排序的UL末尾添加拖動LI元素？

Question

在jquery中可排序如何限制可拖動'LI'的行爲，以便它應該只在最後附加到另一個'ul'？

<ul id="sortable1" class="connectedSortable"> 
    <li class="ui-state-default">Item 1</li> 
    <li class="ui-state-default">Item 2</li> 
    <li class="ui-state-default">Item 3</li> 
    <li class="ui-state-default">Item 4</li> 
    <li class="ui-state-default">Item 5</li> 
</ul> 

<ul id="sortable2" class="connectedSortable"> 
    <li class="ui-state-highlight">Item 1</li> 
    <li class="ui-state-highlight">Item 2</li> 
    <li class="ui-state-highlight">Item 3</li> 
    <li class="ui-state-highlight">Item 4</li> 
    <li class="ui-state-highlight">Item 5</li> 
</ul> 

    <script> 
    $(function() { 
    $("#sortable1, #sortable2").sortable({ 
     connectWith: ".connectedSortable" 
    }).disableSelection(); 
    }); 

我怎樣才能讓「sortable1禮」元素應該只在「Sortable2名單末尾附加而不是在「Sortable2」 li元素之間？

Answer 1

$("#sortable1, #sortable2").sortable({ 
    connectWith: ".connectedSortable", 
    receive: function(event, ui) { 
     $(ui.item).appendTo(this); 
    } 
}).disableSelection(); 

DEMO