可拖动和可排序的列表

时间:2012-02-22 10:44:15

标签: javascript jquery jquery-ui

我正在尝试混合这两个样本(http://jqueryui.com/demos/sortable/connect-lists.html)和(http://jqueryui.com/demos/draggable/sortable.html)。我想获得两个列表,两个列表都是可排序的,我也希望能够将list1中的元素从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

1 个答案:

答案 0 :(得分: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"
});