拖动排列特定实现的jQuery列表
实现这一点非常简单。首先，导入js，jquery.dragsort.js，jquery.dragsort-0.4.min.js，jquery-1.4.2.min.js。
第二，代码
复制代码代码如下所示：
两组拖放列表：
十
十一
十二
十三
十四
十五
十六
十七
十八
一
二
三
四
五
六
七
八
九
$（# List1，#清单（{ Dragsort）。
dragselector：div
dragbetween：真，
DragEnd：saveorder，
placeholdertemplate：
scrollspeed：5
}）；
功能saveorder（）{
VaR数据=美元（# List1李）。图（函数（）{）
返回
Html（））；
}）；
$（输入{名称= list1sortorder }）。瓦迩（data.join（| ））；
}；
三、风格
复制代码代码如下所示：
*边距：0；填充：0；列表样式类型：无；}
体{字体：Arial；字体大小：12pt；颜色：# 333；}
字体大小：16pt h1 {；}
字体大小：13pt H2 {；}
演示
。演示{ padding: 20px；宽度：800px；保证金：20px汽车；边界：solid 1px黑色；}
。演示H2 {保证金：30px 0 20px 0；颜色：# 3366cc；}
dragfunction / * * /
40px。dragfunction { margin: 000；}
。dragfunction DT {身高：30px；字体重量：800；}
。dragfunction DD {线高度：22px；padding: 0 0 20px 0；颜色：# 5e5e5e；}
dragsort / * * /
。dragsort版本里{身高：30px；线高度：30px；}
。dragsort {宽度：350px；列表样式类型：无；缘：0px；}
。dragsort李{浮动：左；填充：5px；宽度：100px；身高：100px；}
。dragsort div {宽度：90px；身高：50px；边界：solid 1px黑色；背景颜色：# e0e0e0；文本对齐：中心；填料顶部：40px；}
占位符：背景颜色：白色！重要的；边界：1px的灰色虚线！重要的；}
四、解释
dragselector
CSS选择器中元素列表项的拖动句柄。默认值是李。
dragselectorexclude
在CSS选择器的元素dragselector不会触发dragsort。默认值是输入文本，一个{链接}。
dragend
将在拖动结束后调用的回调函数。
dragbetween
如果要启用多组列表拖动选中的列表，则设置为true。默认值为false。
placeholdertemplate
拖动列表的HTML部分。默认值是。
scrollcontainer
的CSS选择器的元素被自动设置为一个滚动的容器，如溢流区的默认值是一个窗口。
scrollspeed
一个数字，它代表了速度，拖动某个项目的页面，滚动的容器，更高的使用价值慢于较低的值。如果设置为0 禁用滚动。默认值是5。