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

【问题标题】：How can I make an item both sortable (jQuery UI) and draggable (HTML5)?如何使项目既可排序（jQuery UI）又可拖动（HTML5）？
【发布时间】：2012-10-23 18:02:40
【问题描述】：

我有一个可排序的列表，使用 jQuery UI 可排序。但是，我还希望列表中的项目可以使用 HTML 5 进行拖动（即不是 jQuery UI 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（垃圾桶），那么它应该被删除。

【问题讨论】：

标签： jquery html jquery-ui jquery-ui-sortable

【解决方案1】：

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

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

【讨论】：

谢谢！我去看看！
谢谢，我试过了，但不能让它工作——有几个地方我使用了 sortable，但它似乎对他们来说不能正常工作。我也有在很多地方使用的可排序，我不愿意开始将它全部拆开并重建。无论如何，谢谢，我会牢记在心。