javascript - 拖放以重新排序 HTML 列表

Question

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

我的用户界面如下所示：

颜色组

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

score 47 · Accepted Answer

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

score 35 · Accepted Answer

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

代码：

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

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

score 11 · Accepted Answer

我发现这个（Nastable）更有用，因为它具有嵌套功能。

更新实际上最终使用了带有更多选项的这个插件。

希望能帮助到你。干杯!

3 回答 3