使用JQuery UI的双向排序/未排序拖放

Question

我有一个复杂的拖放场景，我只是不明白。我想出来的是：jsfiddle.net/aTjMG/2/

在左边，我有一个名单。在右边，我有一组团队。左边的列表应该按字母顺序排列，不可排序。用户应该能够通过从左侧的列表中拖动到一个团队来将一个人分配到一个团队。被分配到团队的人应该能够被排序或移动到另一个团队，或者移动回未分配的池。

我可以从左边的未分配池移动到任何团队。我可以对团队中的人进行分类。从这里我不明白的是：

1. 如何从一个团队转移到另一个团队。
2. 如何从团队转移到未分配的。
3. 如何删除的人从他们的当前位置时，下降到其他地方
4. 当我对人排序时，如何防止一个人（在一个团队中）被复制

我认为最大的问题是，我不知道如何抓住拖放的“下降”来将未分配的人更改为分配的人。

如果踢向正确的方向，将不胜感激。如果能举一个这样的例子，我们将不胜感激！

Answer 1

如果我正确理解这个问题，这实际上只是多个排序列表。

小提琴更新：http://jsfiddle.net/aTjMG/8/

关键是简单地将它们全部声明为可排序的，而不是与可拖动的（用于更自由形式的拖放）相混淆。

$(function() {
  $( ".sortable" ).sortable({
    connectWith: ".sortable"
  }).disableSelection();
});

在UI文档中也有这样的例子：http://jqueryui.com/sortable/#connect-lists