jQuery列表拖动排列-jquery list dragsort插件参数和使用方法
2016-06-08 10:59
936 查看
在编写网页的时候,有时可能需要对ul的li进行排序,今天就给大家推荐使用jquery插件jquery list dragsort实现列表拖动排序效果。
效果如图:
CSS选择器内的元素的列表项的拖动手柄。默认值是“li”。
dragSelectorExclude
CSS选择器的元素内的dragSelector不会触发dragsort的。默认值是”input, textarea, a[href]”。
dragEnd
拖动结束后将被调用的回调函数.
dragBetween
设置为“true”,如果你要启用多组列表之间拖动选定的列表。 默认值是false。
placeHolderTemplate
拖动列表的HTML部分。默认值是”<li></li>”.
scrollContainer
CSS选择器的元素,作为滚动容器,例如溢出的div设置为自动。 默认值是“窗口“.
scrollSpeed
一个数字,它代表了速度,页面拖动某一项时,将滚动容器外,较高使用价值的是速度和较低的值是较慢的。 如果设置为”0″以禁用滚动。默认值是”5″.
效果如图:
jquery list dragsort列表拖动插件使用方法
$("ul").dragsort({ dragSelector: "li", dragEnd: function() { }, dragBetween: false, placeHolderTemplate: "<li></li>" });
jquery list dragsort列表拖动插件参数说明
dragSelectorCSS选择器内的元素的列表项的拖动手柄。默认值是“li”。
dragSelectorExclude
CSS选择器的元素内的dragSelector不会触发dragsort的。默认值是”input, textarea, a[href]”。
dragEnd
拖动结束后将被调用的回调函数.
dragBetween
设置为“true”,如果你要启用多组列表之间拖动选定的列表。 默认值是false。
placeHolderTemplate
拖动列表的HTML部分。默认值是”<li></li>”.
scrollContainer
CSS选择器的元素,作为滚动容器,例如溢出的div设置为自动。 默认值是“窗口“.
scrollSpeed
一个数字,它代表了速度,页面拖动某一项时,将滚动容器外,较高使用价值的是速度和较低的值是较慢的。 如果设置为”0″以禁用滚动。默认值是”5″.
相关文章推荐
- jQuery数据检索中根据关键字快速定位GridView指定行的实现方法
- jquery模拟多级复选框效果的简单实例
- jQuery实现添加“成绩单” 搜索功能和清除功能
- jQuery的bind()的三种使用方式事件监听
- Jquery揭秘系列:ajax原生js实现详解(推荐)
- jquery flot
- jquery flot图表插件
- jquery原理的简单分析,扒开jquery的小外套
- jquery jsonp跨域请求
- jQuery.Uploadify插件实现带进度条的批量上传功能
- 全面解析jQuery $(document).ready()和JavaScript onload事件
- jQuery提示插件qTip2用法分析(支持ajax及多种样式)
- 漂亮实用的jQuery倒计时插件特效代码
- 解决jquery $符号的冲突
- jQuery购物车插件jsorder用法(支持后台处理程序直接转换成DataTable处理)
- jQuery中的事件绑定bind(), live(), on(), delegate()
- jQuery 学习总结
- jQuery Ajax和getJSON获取后台普通json数据和层级json数据用法分析
- jQuery封装的屏幕居中提示信息代码
- jquery 上传空间uploadify使用笔记