求JS或者JQUERY实现拖动DIV交换位置的代码，加急！~

[伦巴舞]

代码结构如下所示：

<div id="demo">

<div class=“box">
<div class="box1"></div>
</div>
<div class="box">
<div class="box2"></div>
</div>
<div class="box">
<div class="box3"></div>
</div>

<div>


要求拖拽box1或者box2 ，也就是说是box里面的div元素可以拖拽并且可以交换位置，也就是说。box1拖拽到box2上，就和box2交换位置，而box 则是存放box+n 的容器 ，位置不变的。


求最简单代码实现！~网上虽然有相关示例，但都太复杂了，我没法改啊，最好要求最简单代码实现，我可以看一下实现方式也可以做一些修改。 ​qq584-366-725

[mycoolaccount]

很简单，下载个JQUERY，用上面的sortable()就可以了。http://jqueryui.com/

[伦巴舞]

拜托各位啊，帮忙写个最简单的DEMO啊，我想学习一下，最好绑我写上注释啊！！~~ 加急·~加急~~~

[Kilin_Zhang]

这代码写出来太长了，建议楼主去研究jQuery的插件吧

[伦巴舞]

引用 3 楼 zhang_7150 的回复:

这代码写出来太长了，建议楼主去研究jQuery的插件吧

我找了好几个插件了，但都不太好改啊，我想知道原理，我自己根据要求来写！~ 继续求解代码实现原理~~

[伦巴舞]

继续求解代码实现原理~~