我正在尝试混合这两个样本(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,所以我花了几个小时,但失败了=(。我可以让第一个列表可以排序,或者可拖动,但不是全部。
任何想法都将受到赞赏: - )
答案 0 :(得分:1)
此链接可以帮助您
示例1.2:可排序和可连接的列表
Edited
在给定示例
中配置像这样的排序和拖动$( "#sortable" ).sortable({
revert: true
});
$( "#draggable" ).draggable({
connectToSortable: "#sortable",
helper: "clone",
revert: "invalid"
});