jquery - 如何使可拖动捕捉到可放置并允许交换？

Question

我不知道如何问这个问题，但我希望创建一个界面，其中左侧存在三个元素(A、B、C)，并且可以拖动到右侧的三个元素(1、2、 3).

我希望左侧的项目在掉落时能够捕捉到右侧的项目，但随后可以与其他两个项目互换。

我可以让 A、B 和 C 对齐到右侧，但似乎无法让它们交换。如果我在拖放上设置 ui.draggable.position ，那么我不知道如何在右侧重新排列它们。我尝试克隆和删除它们，但没有成功，最终出现了一些错误。

到目前为止我有这个:http://jsfiddle.net/7xFsr/13/

提前致谢!

Answer 1

我知道我有一个特定的问题，但这是我的解决方案。终于弄清楚如何操作 jQuery UI position() 功能。

我创建了一个数组，其中包含每个起始节点的 id 及其包装器(以恢复位置)。

在掉落时，我有一个方法遍历数组并找出该位置是否有任何掉落的东西。如果没有，没问题。如果是这样，请返回数组并找到当前被删除的项目并获取其先前的容器。选择已有的位置并将其位置更改为当前位置的上一个位置，然后将当前位置放置在现在为空的位置。

有点复杂，但我使用相同的 jsfiddle 解决了这个问题:http://jsfiddle.net/7xFsr/35/

希望这对某人有帮助!