插件描述：jQuery任意拖动页面中元素代码
使用方法：
1、假设Html结构如下：
1 2 3 4 5 6 7 | <div id="wrap"> <ul> <li>...</li> <li>...</li> ... </ul></div> |
2、依次引入jquery.js和ddsort.js，然后使用DDSort API实现如图拖放排序效果：
1 2 3 4 5 6 7 | $( '#wrap' ).DDSort({ target: 'li', //示例而用，默认即'li' floatStyle: { //示例二用，默认有一定的样式 'border': '1px solid #ccc', 'background-color': '#fff' }}); |
3、如果拖放列表带有滚动条，那么$( '#wrap' )要是这个滚动条的元素。
详细API
DDSort方法接受一个JSON对象类型的参数，以下是对这个参数的描述。
| 参数列表 | 类型 | 描述 |
| target | string | 可选，插件内部使用的是jQuery的on方法绑定的事件，此参数就是on方法上的选择器字符串，默认'li' |
| cloneStyle | object | 可选，设置占位符元素的样式 |
| floatStyle | object | 可选，设置拖动元素的样式 |
| down | function | 鼠标按下时执行的函数 |
| move | function | 可选，鼠标移动时执行的函数 |
| up | function | 可选，鼠标抬起时执行的函数 |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： jquery 拖动复制
- 下一个特效： jQuery表格隔行换色