jQuery UI:可排序和可拖动+可排序和可放置

时间:2012-06-21 15:38:25

标签: jquery jquery-ui jquery-ui-draggable jquery-ui-sortable jquery-ui-droppable

我有两个清单。它们是可排序的但没有连接(列表“one”的元素不能与列表“two”的元素混合使用)

我希望列表“one”的元素可以删除,列表“two”的元素可以拖动,因为我想将列表“two”的元素拖放到列表“one”中。

我该怎么办?

修改

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

1 个答案:

答案 0 :(得分:0)

如果我理解您的问题,则不必在您的情况下将draggabledroppablesortable结合使用。

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

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

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

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