代码一预览:
复制代码 代码如下:
最好的jquery列表拖动排列自定义拖动层排列
jquery列表拖动排列演示
简单的一组列表:
你猜
你不猜
你不猜你不猜
猜猜
你猜不猜
你猜不猜不猜
你不猜不猜
两组列表拖放:(无限组拖放)
10
11
12
13
14
15
16
17
18
1
2
3
4
5
6
7
8
9
,
scrollspeed: 5
});
function saveorder() {
var data = $(#list1 li).map(function(){
return
$(this).children().html();
}).get();
$(input[name=list1sortorder]).val(data.join(|));
};
usage
$(ul).dragsort({ dragselector: li, dragend: function() { }, dragbetween: false, placeholdertemplate: });
dragselector
css选择器内的元素的列表项的拖动手柄。默认值是“li”。
dragselectorexclude
css选择器的元素内的dragselector不会触发dragsort的。默认值是input, textarea, a[href]。
dragend
拖动结束后将被调用的回调函数.
dragbetween
设置为“true”，如果你要启用多组列表之间拖动选定的列表。 默认值是false。
placeholdertemplate
拖动列表的html部分。默认值是.
scrollcontainer
css选择器的元素，作为滚动容器，例如溢出的div设置为自动。 默认值是“窗口“.
scrollspeed
一个数字，它代表了速度，页面拖动某一项时，将滚动容器外，较高使用价值的是速度和较低的值是较慢的。 如果设置为0以禁用滚动。默认值是5.
代码2预览:
复制代码 代码如下:
jquery ui sortable()实现拖动排序
第1项
第2项
第3项
源码下载