如何在CSS和JS中实现拖动和交换效果

Question

所有

现在，说我在页面上有4个DIV元素，我想要实现的是拖动一个DIV并移动到其他DIV然后他们可以像IPHONE一样交换位置，当你按住图标一会儿时，所有图标都变为位置编辑模式，您可以在屏幕上移动图标并定位到某个网格位置，根据图标可以与它交换。

有人能告诉我一个例子吗？

由于

Answer 1

Jquery UI使这个变得微不足道：

https://jqueryui.com/draggable/#sortable

http://jqueryui.com/sortable/#default

该链接还显示了如何使用它的示例。