如何在Jquery sortable中的UL结尾追加拖动LI元素？

在Jquery sortable中，如何限制可拖动的“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();
  });

第1项
第2项
第3项
第4项
第5项


第1项
第2项
第3项
第4项
第5项

$（函数（）{
$（“#可排序1，#可排序2”）。可排序({
connectWith:“.connectedSortable”
}).disableSelection（）；
});

如何使“sortable1 li”元素仅附加在“Sortable2”列表的末尾，而不附加在“Sortable2”li元素之间

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

---

发布一些代码！！！！！！！谢谢你的解决方案。我要你再问一个问题。。我们怎样才能使占位符也应该只出现在末尾。现在我可以在末尾添加列表元素了。但在拖动“Sortable1”元素时，“Sortable2”列表元素会上下移动。我不想移动已经删除的元素。