DDSort
一个轻简的 jQuery 拖放排序插件,支持移动端。
● 漂亮的UI展示:
● 使用方法:
1、假设 Html 结构如下:
<div class="wrap"> <ul> <li>...</li> <li>...</li> ... </ul> </div> 2、依次引入 jquery.js 和 ddsort.js,然后使用 DDSort API 实现如图拖放排序效果:
$( '.wrap' ).DDSort({ // 示例而用,默认即 li target: 'li', // 示例而用,默认有一定的样式 floatStyle: { 'border': '1px solid #ccc', 'background-color': '#fff' } }); 3、如果拖放列表带有滚动条,那么 $( '.wrap' ) 要是这个滚动条的元素。
● 详细API
DDSort方法接受一个JSON对象类型的参数,以下是对这个参数的描述。
| 参数列表 | 类型 | 描述 |
| target | string | 可选,插件内部使用的是 jQuery 的 on 方法绑定的事件,此参数就是 on 方法上的选择器字符串,默认 li |
| delay | number | 可选,延迟拖拽,默认延时 100 毫秒 |
| cloneStyle | object | 可选,设置占位符元素的样式 |
| floatStyle | object | 可选,设置拖动元素的样式 |
| down | function | 可选,鼠标按下时执行的函数 |
| move | function | 可选,鼠标移动时执行的函数 |
| up | function | 可选,鼠标抬起时执行的函数 |
