jQuery List DragSort 列表拖动排列插件
2024年03月22日 拖动排序 图片拖动排序 列表拖动排序 li标签拖动改变顺序 js拖动排序 js拖动排序插件 jq拖动排序 jq拖动排序插件 懒猪技术
对于有些页面，如首页的定制，需要进行动态的拖拽排序。由于自己实现比较困难，我们一般会使用一些js插件来实现。dragsort 就是帮助我们完成这一需求。通过dragsort我们可以很方便地对html页面上的素动态地推拽，进行排序。dragsort是一个jquery插件，我们使用起来非常方便。
下载底部示例之后，解压如下图所示
我们使用到的只有里面的jquery.dragsort-0.5.2.js这个文件，jquery如未引入，则自行引入
jquery list dragsort列表拖动插件使用方法
$("ul").dragsort({
dragSelector: "li",
dragEnd: function() { },
dragBetween: false,
placeHolderTemplate: "<li></li>"
});jquery list dragsort列表拖动插件参数说明
dragSelector
CSS选择器内的元素的列表项的拖动手柄。默认值是“li”。
dragSelectorExclude
CSS选择器的元素内的dragSelector不会触发dragsort的。默认值是”input, textarea, a[href]”。
dragEnd
拖动结束后将被调用的回调函数.
dragBetween
设置为“true”，如果你要启用多组列表之间拖动选定的列表。 默认值是false。
placeHolderTemplate
拖动列表的HTML部分。默认值是”<li></li>”.
scrollContainer
CSS选择器的元素，作为滚动容器，例如溢出的div设置为自动。 默认值是“窗口“.
scrollSpeed
一个数字，它代表了速度，页面拖动某一项时，将滚动容器外，较高使用价值的是速度和较低的值是较慢的。 如果设置为”0″以禁用滚动。默认值是”5″.
示例下载：demo.rar
本文链接：http://so.lmcjl.com/news/182/