拖放以重新排序 HTML 列表

我有一个应用程序，我希望能够对其进行拖放以重新排序并将颜色分组.jQuery 用于网格的 : HTML5 Sortable.它是一个使用原生 HTML5 拖放 API 创建可排序列表和网格的 jQuery 插件.

I have an app for which I would like to be able to drag and drop to reorder and arrange colours into groups. jQuery's sortable for grids seems rather unresponsive and a little buggy. microjs recommends kbjr's DragDrop, but that library has no concept of lists, only movable objects. Sproutcore has a nice implementation, but I can't find a demo of it working for a grid.

My UI looks like this:

and I'd like users to be able to drag colours around within the groups as well as drag them between groups.

解决方案

Try this: HTML5 Sortable. It is a jQuery plugin to create sortable lists and grids using native HTML5 drag and drop API.