Question

我有两个彼此没有连接的可排序列表：

<ul id="list1">
    <li>Item1</li>
    <li>Item2</li>
    <li>Item3</li>
</ul>
<ul id="list2">
    <li>Container 1</li>
    <li>Container 2</li>
    <li>Container 3</li>
</ul>

Jquery的：

$("#list1").sortable({
    items: "li",
    distance: 25,
    out: function (event, ui) {},
    over: function (event, ui) {},
    stop: function (event, ui) {}
});

$("#list2").sortable({
    items: "li",
    distance: 25,
    out: function (event, ui) {},
    over: function (event, ui) {},
    stop: function (event, ui) {}
});

如何才能删除第一个列表中第二个列表中的任何项目，并删除哪个项目以及丢弃哪个项目？

Live jsfiddle

编辑：我想在第一个列表的元素与第二个列表之间创建关系。如果用户从第一个列表中拖动一个项目并将其放入第二个列表的任何项目中，我应该得到一个关系（例如item1 - container1），而item1应该回到它的位置。

Answer 1

使用以下内容。它对我来说很好

$("#list1").sortable({
    connectWith: '#list2'
});
$("#list2").sortable({
    connectWith: '#list1'
});

将项目从一个可排序列表中删除到另一个

1 个答案: