jquery - jQuery UI：可排序和可拖动 + 可排序和可放置

Question

我有两个清单。它们是可排序但未连接的（列表“一”的元素不能与列表“二”的元素混合）

我希望列表“一”的元素是可放置的，而列表“二”的元素是可拖动的，因为我想将列表“二”的元素拖放到列表“一”中。

我应该怎么做？

编辑：

我试图使问题尽可能笼统，但也许我应该更清楚......对不起。列表一的元素是“类别”，它们应该是可排序的。列表二的元素是“链接”，应该是可排序的。一个链接只属于一个类别。我想将链接从一个类别移动到另一个类别，我很想使用 JQuery Ui。

Answer 1

如果我正确理解您的问题，您不必在您的情况下使用draggable和droppable结合sortable。

可排序连接本质上是单向的，因此您只需将第二个列表连接到第一个，并避免将第一个连接到第二个：

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

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

---

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