拖放以重新排序HTML列表

Question

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

我的UI看起来像这样:

颜色组

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

Answer 1

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

Ali Farhadi的原始Html5Sortable没有得到积极维护.Alexandru Badiu的前叉是更好的选择.请参阅https://github.com/voidberg/html5sortable. (14认同)

Answer 2

只是一个友好的更新,因为这个问题出现在搜索中.不再维护HTML5Sortable.推荐的库是Sortable.尺寸:12kb缩小.

码:

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

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

Answer 3

我发现这个(Nastable)对于它具有嵌套功能更有用.

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

希望能帮助到你.干杯!