拖放背后的逻辑

我想知道基本拖放功能的“它是如何工作的”和“它应该如何设计和实现”方面。

我还没有实现过这样的功能。我正计划为我的一个项目这样做，并且我确实对如何实施它有一些想法。我想确保我走在正确的道路上，并且你们很可能也对此事有话要说......

假设我有如下列出的 5 个元素，并从数据库中获取；

<div id="1">this is content for 1</div>
<div id="2">this is content for 2</div>
<div id="3">this is content for 3</div>
<div id="4">this is content for 4</div>
<div id="5">this is content for 5</div>

由于这是从数据库中提取的，我们知道它有一个名为“序列”或“顺序”的字段来区分我们要输出的顺序。我们还假设当前“序列”列值与 div 的 ID 相同。所以：1, 2, 3, 4 and 5分别。

我的问题和想法；

如果我拖动div4并将其放在之间1 and 2;接下来的步骤是什么？例如：

1. 确定被拖动的 div 的 id（我们称之为div-a)

2. 确定div的iddiv-a在这种情况下是在 div 之后（或之前）插入的id 1（我们称之为div-b)

3. Update div-aDB 中的序列并将其设置为当前序列div-b

完成这一步后，我很困惑......我是否计算所有 div 并根据 div 的顺序，我是否相应地更新数据库？或者我完全错了，还有其他方法吗？

感谢您的答案，但我知道有插件和其他东西可以完成此任务，但我只对它的逻辑部分感兴趣。

我相信 jquery 为您提供了一种根据 id 获取订单的方法？

我这样做的方式是每次发生操作时，获取当前订单，通过 ajax 将其发送回我的应用程序。然后我的应用程序只是从给定的内容中解析出 id 并更新每个项目的订单值。