拖放以重新排序 HTML 列表

Question

我有一个应用程序，我希望能够对其进行拖放以重新排序并将颜色分组。 jQuery 的 sortable for grids 似乎反应迟钝并且有点错误。 microjs 推荐 kbjr 的 DragDrop ，但是那个库没有列表的概念，只有可移动的对象。 Sproutcore 有一个很好的实现，但我找不到它适用于网格的演示。

我的用户界面如下所示：

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

原文由 nornagon 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

试试 这个：HTML5 可排序。它是一个 jQuery 插件，使用原生 HTML5 拖放 API 创建可排序的列表和网格。

原文由 Farhadi 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

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

代码：

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

希望这对下一个流浪者有所帮助。

原文由 ahmohamed 发布，翻译遵循 CC BY-SA 3.0 许可协议