jQueryUI Sortable 应用Demo(分享)

最近工作用需要设计一个自由布局的页面设计。我选了jQuery UI 的 sortable ，可以拖拽，自由排序 使用很方便，写一个demo，做个记录。

第一、单项目自由排序

下图效果

代码段：

rush:xhtml;">

html:

rush:xhtml;">

<script src="js/jquery-1.10.2.min.js">
<script src="js/bootstrap/js/bootstrap.min.js">

<script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js">

Box_wrap" id="Box_wrap">

Box"> test1

Box"> test2

Box">test3

第二、多排序组之间自由拖拽

代码段：

rush:xhtml;">

html 代码：

rush:xhtml;">

<script src="js/jquery-1.10.2.min.js">
<script src="js/bootstrap/js/bootstrap.min.js">

<script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js">

Box_wrap" id="Box_wrap1">

Box"> left-test1

Box"> left-test2

Box"> left-test3

Box"> test1

Box"> test2

Box"> test3