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" 
});