可拖动和可排序列表

Question

我正在尝试混合这两个样本 (http://jqueryui.com/demos/sortable/connect-lists.html) 和 (http://jqueryui.com/demos/draggable/sortable.html)。我想要两个列表，都是可排序的，并且我还希望能够通过将元素从一个列表拖到另一个列表来复制（而不是移动！）元素从 list1 到 list2。

例如，我们有两个列表：

a   1
b   2
c   3

排序第一个列表：

a   1
c   2
b   3

从第一个列表拖到第二个：

a   1
c   2
b   3
    b

我不太擅长 JS，所以我花了几个小时，但失败了 =(。我可以使第一个列表可以排序或可拖动，但不能全部放在一起。

任何想法都将不胜感激:-)

UPD http://pastebin.com/daAT6ZVs

Answer 1

此链接可能对您有所帮助

http://devheart.org/examples/jquery-customizable-layout-using-drag-and-drop/1-getting-started-with-sortable-lists/index.html#ex-1-2

示例 1.2：可排序和可连接的列表

Edited 

在给定的示例中像这样配置排序和拖动

$( "#sortable" ).sortable({
    revert: true
});
$( "#draggable" ).draggable({
    connectToSortable: "#sortable",
    helper: "clone",
    revert: "invalid"
});