通过拖放交换元素（jQuery）

Question

我有 4 个正方形，就像底部的草图一样。 （或者假设this puzzle demo 中只有 4 个方格。）我想交换任意两个，水平、垂直或对角 不影响其他两个。在拼图演示中，如果您沿对角线交换任意两个，例如 1 和 4，一些相邻的方格也会移动，这是不可取的。

我能够使用 jQuery 的可拖放和可拖放来进行交换。我在 droppable 的 drop 事件中进行交换。然而，不良的视觉效果是当我放下一个正方形时，它会恢复，然后发生切换。我不希望恢复发生。 This post 拥有我的大部分代码。

关于如何阻止还原发生或如何使用相同的拼图演示但只有两个方格，to 和 from，交换而没有其他方格移动的任何想法？ （不确定 jQuery sortables 是否可行）

 1   2
 3   4

Answer 1

This swap animation plugin for jquery 可能会很好地解决您的问题。