如何使项目既可排序（jquery UI）又可拖动（HTML5）？

Question

我有一个可排序的列表，使用jQuery UI可排序。但是，我还希望列表中的项目可以使用HTML 5进行拖动（即不是jQuery UI可拖动）。问题是，sortable似乎覆盖了draggable。所以，我有：

<ul id="my-folder-list" class="ui-sortable">
    <li draggable="true" item-id="6KXoILDr5K" ondragstart="drag(event);"><div>Winter 2012</div></li>
    <li draggable="true" item-id="WL2mL8emnH" ondragstart="drag(event);"><div>Summer 2012</div></li>
</ul>

基本上我希望文件夹可以在它们之间进行排序，但是如果其中一个被拖到另一个div（一个垃圾桶），那么它应该被删除。

我不确定在此处发布哪些代码 - 如果需要可以添加更多代码。

感谢您的帮助！

Answer 1

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

您可以在此处找到它：http://farhadi.ir/projects/html5sortable/