Jquery从几个列表拖放到另一个列表（可排序）

Question

我正在尝试创建一个基于Jquery的播放列表汇编程序 播放列表将通过从多个列表中拖放项目来创建 - 每个列表都有不同的类别。

这是我想要实现的目标：

• 类别列表中的每个项目都有一个按钮，可将其添加到播放列表的末尾，并将其从原始列表中删除。
• 新播放列表中的每个项目都会有一个按钮，将其从播放列表中删除，并将其放回原始列表中的原始位置，但是如果原始列表中的项目也被移动，则会删除已删除的项目根据所做的更改 - （见下图）如果类别3中的项目2添​​加到播放列表，然后类别3中的项目3（现在正在图像中拖动）是从播放列表中删除 - 第3项将放在第3类的第1项和第4项之间。
• 项目将能够包含数据（项目持续时间，项目＆＃39; src等）。
• 播放列表中的项目可以排序。
• 播放列表中不的项目不可以排序。
• 放置占位符 - 将项目拖动到播放列表时，其中的其他项目将通过移动以允许该项目之间的空白来为该项目腾出空间。 （如here）

Here is what I have in mind (Pretty much...)

我在网上找到了很多Drag and Drop Jquery插件，但是没有一个能让我结合我想要实现的所有功能。
我真的不知道从哪里开始，所以我非常感谢你的帮助和建议！

Answer 1

我认为你应该探索一些HTML5画布库，比如KineticJS，EaselJS ......然后为你的项目选择一个。使用库可以节省大量时间。