如何製作可排序的項目（jQuery UI）和可拖動（HTML5）？

我有一個可排序的列表，使用可排序的jQuery UI。不過，我也希望使用HTML 5拖動列表中的項目（即不是jQuery UI可拖動）。問題是，排序似乎忽略了可拖動。所以，我有：如何製作可排序的項目（jQuery UI）和可拖動（HTML5）？

<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（一垃圾桶），那麼它應該被刪除。

我不確定在這裏發佈哪些代碼 - 如果需要可以添加更多代碼。

感謝您的幫助！

來源

2012-10-23 Sharon

查看HTML5 Sortable，它是一個jQuery插件，使用本地HTML5拖放API創建可排序列表和網格。

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

來源

2012-11-04 20:30:21 ola

謝謝！我會檢查出來的！ – Sharon

謝謝，我試過了，但無法讓它工作 - 有幾個地方我使用可排序，並且它似乎沒有爲他們正常工作。我還有那麼多地方可以使用的排序，所以我不願意開始全力拆分和重建。無論如何，我會銘記未來。 – Sharon

如何製作可排序的項目（jQuery UI）和可拖動（HTML5）？

回答

相關問題