雙向排序/未排序拖放使用JQuery UI

我有一個複雜的拖放場景，我無法弄清楚。我想到的是這裏：jsfiddle.net/aTjMG/2/雙向排序/未排序拖放使用JQuery UI

在左邊，我有一個名稱列表。在右邊，我有一組隊。左邊的列表應該按字母順序排列，不可排序。用戶應該能夠通過從左側列表中拖拽到團隊中，將一個人分配給團隊。分配給團隊的人員應該能夠排序或移動到另一個團隊，或者移回到未分配的池中。

我可以從左側的未分配池移動到任何團隊。我可以對隊伍中的人員進行排序。我從這裏弄不清楚的是：

我認爲最大的問題是，排序被複制我無法弄清楚如何捕捉拖放的「拖放」以將未分配的人員更改爲已分配人員。

一個正確的方向踢將不勝感激。一個這樣做的例子將受到重大讚賞！

退房[本小提琴]（http://jsfiddle.net/rniemeyer/QWgRF/），其具有sortables＆droppables在不同的名單。 – Peter

這是一個很好的例子。不幸的是，它使用淘汰賽，而不是jQuery UI。 –

取得了一些進展（jsfiddle.net/aTjMG/4/）。我現在可以從任何列表進入任何列表並且該項目不被克隆。然而，我不能禁用左邊的排序而不禁用拖動到另一個列表（可能是因爲「可排序」類不是在這裏使用的正確類...） –

如果我正確理解這個問題，這實際上只是多個排序列表。

的關鍵是簡單地宣佈他們都爲sortable，而不是與draggable搞亂所有，它用於形式更爲自由拖放。

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

有一個在UI文檔以及這樣一個例子：http://jqueryui.com/sortable/#connect-lists

2013-12-31 17:27:47 Nucleon

回答