繁体   English   中英

可拖动列表和可排序列表

[英]Both draggable and sortable list

我正在尝试混合使用这两个示例( 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

此链接可能对您有帮助

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"
});

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM