通过拖动交换元素; drop(jQuery)

时间:2011-01-05 23:11:50

标签: jquery jquery-ui drag-and-drop

我有4个方块,就像底部的草图一样。 (或假装this puzzle demo中只有4个方格。)我想交换任意两个,水平,垂直或对角,而影响其他两个。在拼图演示中,如果你对角地交换任何两个,比如1&在图4中,一些相邻的正方形也移动也是不希望的

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

关于如何阻止恢复发生或如何使用相同的谜题演示但只有两个方格的任何想法,以及&从,交换没有其他方块移动? (不确定这是否可以使用jQuery sortables)

 1   2
 3   4

1 个答案:

答案 0 :(得分:3)

This swap animation plugin对于jquery可以很好地解决你的问题。