javascript - 如何使用 jQuery 或 JavaScript 使多个项目拖放

Question

通过参考此页面http://skfox.com/jqExamples/SortableSelectable.html上的拖放功能 ，我完成了一个与示例完全相同的脚本。但我的问题是，我想让我的用户一次轻松地拖放多个项目。如何通过编辑示例脚本来做到这一点？

为了允许多次拖放，我可以想到两种方法：

1. Ctrl+选择第一个列表中的多个项目，然后拖放到第二个列表中

2. 将复选框添加到第一个列表。用户将选中复选框，然后单击“添加”按钮 - 这会将所有选中的项目添加到第二个列表中。

Answer 1

这能解决你的问题吗？

http://jqueryui.com/draggable/

我不认为这同时支持多个拖动，但你可以这样做：每当一个元素被 ctrl-clicked 时，被添加到一个全局数组中，然后当你拖动它们中的最后一个时，所有元素该列表的一部分被附加到一个可拖动的不可见 div 中。这样，您就可以模拟多次拖动。