0

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

我曾尝试使用 before() 和 after() 函数,但这样做会将所有其他元素向下推,当您放置多个拖动项时,这不起作用。所以我希望做的只是将项目向下移动到下一个可用位置,而不会导致其他元素移动。

有任何想法吗? 在此处输入图像描述

更新- 基本上我想要做的是将可排序的 jQuerys 与可拖动的结合起来。不确定这是否有帮助,但这本质上就是我想要做的,因为我希望拖动项目像排序项目在重新排列时那样做出反应。

4

1 回答 1

0

我不确定我是否完全理解你想在这里做什么(你所说的“不导致其他项目移动”是什么意思?),但如果我正确理解这个想法(用户应该订购黄色框正确放入步骤 1-6,每个步骤中只有一个项目),您可能应该使用 jQuery UI 的可排序小部件而不是可拖动小部件。这将自动负责将项目整齐地排列在一个简单的列表中而不会重叠,并且您可以简单地从通过表单提交的列表的顺序中了解哪个步骤是哪个步骤。

于 2013-01-28T15:08:46.210 回答