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

Question

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

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

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

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

Answer 1

这能解决您的问题吗？

http://jqueryui.com/draggable/

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