jQuery UI：可排序和可拖動的排序和排序

Question

我有兩個列表。他們是可排序的但沒有連接（列表中的元素「one」不能與列表中的元素「two」混合）

我希望list「one」的元素可以放置，列表「two」的元素可以拖動，因爲我想要將列表「two」的元素拖放到列表「one」中。

我該怎麼辦？

編輯：

我試圖讓問題儘可能通用，但也許我應該更清楚...對不起。 列表1的元素是「類別」，它們應該是可排序的。 列表2的元素是「鏈接」，應該可排序。 鏈接只屬於一個類別。 我想從一個分類鏈接移動到另一個鏈接，我很樂意使用JQuery Ui。

Answer 1

如果我正確理解您的問題，您不必在您的案例中使用draggable和droppable與sortable一起使用。

可排序的連接本質上是單向的，所以你只需要在第二個列表連接到第一，並避免先連接到第二：

<ul id="first"> 
    <!-- ... --> 
</ul> 

<ul id="second"> 
    <!-- ... --> 
</ul> 

---

$("#first").sortable(); 
$("#second").sortable({ 
    connectWith: "#first" 
});