jQuery Sortable – 将其保存在原始列表中

有没有人知道jQuery UI的Sortable是否具有内置function，可以将原始删除的项目保留在原始列表中？

例如，您有两个列表（一个’源’和一个’组’）。 我想从源中选择并放入组中，但将项目保留在源中。

合理？

谢谢！

Answer 1

你可以在jsfiddle上看到我的解决方案 。 我只是修改了这个jQuery draggable / droppable交互以满足您的需求。

HTML

 
List 1
 
 
Drag me down
 
Drag me down
 
 
List 2
 
 
Item 1
 
Item 2
 
Item 3
 
Item 4
 
Item 5
 
  

jQuery的

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

CSS

 .demo ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 20px; } .demo li { margin: 5px; padding: 5px; width: 150px; border: 1px solid black; }