2012-02-22 79 views
1

我想拌入少许这两个样本(http://jqueryui.com/demos/sortable/connect-lists.html)和(http://jqueryui.com/demos/draggable/sortable.html)。我想得到两个可排序的列表,我也希望能够通过将它们从一个列表拖动到另一个列表,将列表1中的元素复制(不移动!)到列表2中。两个可拖动和排序列表

例如,我们有两个列表:

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

此链接可以帮助你

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 

配置排序和在给定的例子阻力propertly这样

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

这_moves_元素。我知道该怎么做=)我想_copy_元素,我meand,使他们的克隆,就像http://jqueryui.com/demos/draggable/sortable.html – 2012-02-22 11:49:56

+1

太长的答案,所以http:// pastebin.com/daAT6ZVs =) – 2012-02-22 13:19:13