jQuery拖放 - 重新定位项目

Question

所以，这是我的困境。我有6个拖放项目（如下图所示）。他们工作得很好。除了我将项目拖动到不同的放置项目时，它们最终会重叠，如您所见。我想知道的是，有没有办法插入DIV而不会导致其他项目移动？

我已尝试使用before（）和after（）函数，但这样做会将所有其他元素向下推，这在删除多个拖动项时不起作用。所以我希望做的只是将项目向下移动到下一个可用点，而不会导致其他元素移动。

有什么想法吗？

更新 - 基本上我要做的就是将jQuerys与可拖动组合起来。不确定这有什么帮助，但这基本上是我正在尝试做的，因为我希望拖动项目的反应就像排序项目在重新排列时做的那样。

Answer 1

我不确定我是否完全明白你想要在这里做什么（你的意思是什么，“不会导致其他物品移动”？），但是如果我理解了这个想法（用户的意思是将黄色框正确地分成步骤1-6，每个步骤中只有一个项目），您应该使用jQuery UI的可排序小部件而不是可拖动。这将自动保持项目整齐排列在一个简单的列表中而不会重叠，您可以从表单中提交的列表顺序中获取哪个步骤。