使用jQuery的sortable复制一个列表项到另一个列表中

Question

使用jQuery的sortable复制一个列表项到另一个列表中

3

我有一个普通的可排序列表，还有一个“工具箱”，我希望从中将元素放入列表中。例如：

<ul id="list"></ul>
<ul id="toolbox">
  <li>item 1</li>
  <li>item 2</li>
</ul>

我希望当你拖动工具箱中的元素时，它可以创建一个可以附加到列表的自身副本。另外，我不希望用户重新排列工具箱中的元素。

我正在使用这个，但它不能满足我的所有需求：

$('#toolbox').sortable({
  'connectWith': '#list',
});

- cambraca

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Halil Özgür · Accepted Answer

jQuery UI draggable+sortable是你正在寻找的东西。

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