Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/381.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在CSS和JS中实现拖放交换效果_Javascript_Css_Position - Fatal编程技术网

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

Javascript 如何在CSS和JS中实现拖放交换效果,javascript,css,position,Javascript,Css,Position,全部: 现在,假设我在页面上有4个DIV元素,我想实现的是拖动一个DIV并移动到另一个DIV,然后它们可以像IPHONE一样交换位置,当你按住图标一段时间后,所有图标都会进入位置编辑模式,您可以在屏幕上移动图标并定位到特定的网格位置,相应的图标可以与其交换 有人能给我举个例子吗 谢谢Jquery用户界面使这一点变得微不足道: 该链接还展示了如何使用它的示例。谢谢,这几乎就是它!你有快速入门的教程吗?我不知道有任何教程。如果你点击任何一个链接上的“查看源代码”按钮,你就可以查看代码,看看他们是

全部:

现在,假设我在页面上有4个DIV元素,我想实现的是拖动一个DIV并移动到另一个DIV,然后它们可以像IPHONE一样交换位置,当你按住图标一段时间后,所有图标都会进入位置编辑模式,您可以在屏幕上移动图标并定位到特定的网格位置,相应的图标可以与其交换

有人能给我举个例子吗


谢谢

Jquery用户界面使这一点变得微不足道:


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

谢谢,这几乎就是它!你有快速入门的教程吗?我不知道有任何教程。如果你点击任何一个链接上的“查看源代码”按钮,你就可以查看代码,看看他们是如何使用它的。谢谢,我问这个问题是因为当我尝试使用jUI时,大多数时候,它并没有像预期的那样工作,比如说我们在页面布局2X2中有4个DIV,当我们交换第一个和最后一个时(Diagnol swap,它将像一个移位:第二个移动到第一位,第三个移动到第二个,最后一个移动到第三个)我真的不明白发生了什么,但我建议你问另一个问题,解释发生了什么,并添加代码。如果你在问题中添加代码,你就更有可能在具体问题上获得帮助。