拖放以重新排序HTML列表

Question

我有一个应用程序，我希望能够拖放以重新排序并将颜色排列成组。 jQuery的网格sortable似乎没有反应，而且有点儿。 microjs建议使用kbjr's DragDrop，但该库没有列表概念，只有可移动对象。 Sproutcore有一个很好的实现，但我找不到它为网格工作的演示。

我的用户界面如下所示：

我希望用户能够在组内拖动颜色并在组之间拖动它们。

Answer 1

尝试this：HTML5可排序。它是一个jQuery插件，可以使用本机HTML5拖放API创建可排序列表和网格。

Answer 2

这是一个友好的更新，因为搜索中出现了这个问题。不再维护HTML5Sortable。推荐的库是Sortable。 尺寸：12kb缩小。

代码：

var sortable = Sortable.create($('#items'));

希望这有助于下一个流浪者。

Answer 3

我发现this（ Nastable ）对于它具有嵌套功能更有用。

<强>更新 实际上最终使用this插件有更多选项。

希望它有所帮助。 干杯！