jquery - Jquery中的可排序VS DragnDrop

Question

当我尝试使用 Jquery 对一些数据进行排序时，我想我会使用拖放。后来，我访问了 jQueryui 网站。它们具有“拖放”和可排序功能。

现在我实现了“拖放”功能来对 HTML 表格行进行排序，并将它们的位置保存在数据库中。

不过，现在我很困惑：

1. Sortable 是否也执行相同的功能？
2. Sortable 是否仅适用于 UL 或 OL 或 LI ？它也可以与表格行一起使用吗？
3. 当我拖放行时有什么区别？（交换位置），与可排序（对行进行排序）相比。这些是不同的情况吗？我真的混淆了这些概念。
4. 使用 HTML 表格行进行排序是否正确（通过 Draggable 和 Droppable，就像我现在所做的那样）？
5. 何时使用 Sortable 与 Draggable/droppable 是否有任何指导方针

Answer 1

可排序也适用于表格，请参阅此 jsFiddle

关于 Sortable 和 Drag&Drop 之间的差异，它们只是满足两个不同的需求：

• sortable 是一种拖放，但为预定义的一组项目实现了所有必需的图形行为。当您移动一个项目时，所有其他项目都会相应地移动。
• 另一方面，拖放允许您简单地取出一个项目并将其移动（可拖动），但您必须选择可以将其拖放到哪个项目（可拖放）。

使用 sortable，您正在搜索已排序项目的逻辑行为。使用 drap&drop，您正在搜索项目之间的交互。

例如，组织您的桌面图标就像可排序（移动一个图标将移动其他图标以重新组织它们）。如果您将一个文件夹放入另一个文件夹，这就像可拖动/可拖放（将一个文件夹放到另一个文件夹上不会重新组织它，但会触发将文件夹移动到另一个文件夹中的操作）。

查看有关Sortable和Draggable / Droppable的 jQuery UI 文档。

希望这会帮助你。