Javascript 拖放以重新排列HTML列表

我有一个应用程序，我想能够拖放重新排序和安排到组的颜色。网格的jQuery似乎反应迟钝，而且有点问题。建议，但该库没有列表的概念，只有可移动的对象。有一个很好的实现，但是我找不到一个在网格上工作的演示

我的UI如下所示：

我希望用户能够在组内拖动颜色，也可以在组间拖动颜色。

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

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

更新 实际上最终使用的插件有更多的选项

希望能有帮助。

---

干杯

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

代码：

---

希望这能帮助下一个流浪者。

要问的问题是：暂时分组有目的吗？我想是的。假设是这样的,你应该真正开始"这些集合是什么",就是你如何将它们联系起来,以及这种联系对最终用户有何意义。编辑（对不起，按回车键）你需要听拖放放置，最好（最简单？）的方法可能是批量分配/取消分配类。这些类应该代表某个级别的集合，您可能需要几个或多个类来正确描述此行为-edit2-我偏爱Jquery.so id start there+1，但我有一个问题。我不能替换第一项。我的意思是，如果我把第二个或第三个拖到第一个位置，第一个不会被替换。有什么不对劲吗？谢谢阿里·法哈迪（Ali Farhadi）最初可排序的HTML5没有得到积极维护。亚历山大·巴迪乌的叉子是更好的选择。请参阅。排序后如何获取当前订单。@jQuery中的briankip<代码>$（'#domId subEl'）。每个（函数（）{$（this）.text（）；}）其中，

#domId

是您所订购物品的dom包装器，

subEl

是所订购物品的类/标记名。

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