jquery - Jquery 中的可排序 VS DragnDrop

Question

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

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

不过现在我有点困惑了:

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

Answer 1

Sortable 也适用于表格，see this jsFiddle

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

• sortable 是一种拖放操作，但为预定义的项目组实现了所有必需的图形行为。当您移动某个项目时，所有其他项目都会相应移动。
• 另一方面，拖放功能允许您简单地选取一个项目并将其四处移动(可拖动)，但您必须选择可以将其放置在哪个项目中(可放置)。

使用可排序，您正在搜索具有排序项的逻辑行为。通过拖放，您正在寻找项目之间的交互。

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

查看 Sortable 的 jQuery UI 文档和 Draggable/Droppable .

希望这对您有帮助。