在编写网页的时候,有时可能需要对ul的li进行排序,今天就给大家推荐使用jquery插件jquery list dragsort实现列表拖动排序效果。

效果如图:

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″.

最新文章

  1. 如何动态在spring mvc中增加bean
  2. 在Hekaton里,正确选择哈希存储桶数
  3. 运行Myeclipse发生这事这是怎么回事,大神们
  4. VC++ 工程添加 Unicode Debug和Unicode Release编译支持
  5. strip_tags,htmlspecialchars,htmlentities,stripslashes,addslashes学习小结
  6. UESTC_神秘绑架案 CDOJ 881
  7. C#中对输出格式的初始化
  8. HDU - 5547 Sudoku(数独搜索)
  9. 查看内存和cpu
  10. iOS 开发之 Xcode installation failed invalid argument!
  11. Centos7 编译测试工具 wrk bombardier iftop
  12. react props与render成员函数
  13. ubuntu安装苹果Windows以及微软雅黑consolas字体
  14. DNS到底是干什么用的
  15. java中带图片按钮的大小设置
  16. sql server 运维时CPU,内存,操作系统等信息查询(用sql语句)
  17. @JsonFormat时间格式化注解使用
  18. 普天通信JavaEE开发岗面试题
  19. [Objective-C语言教程]类型转换(20)
  20. Myeclipse修改项目名称发布后web Context root名称无法修改

热门文章

  1. HttpClient(4.3.5) - HTTP Entity
  2. python学习day3--python基础
  3. jQuery之锚点带动画跳转特效
  4. Javascript之相册拖动管理
  5. jQuery选项卡插件、Tabs插件
  6. Ant 修改项目pom.xml文件应用
  7. MLlearning(2)——simHash算法
  8. OpenGL8-直接分配显存-极速绘制(Opengl1.5版本才有)
  9. 第一章 搭建Qt开发环境
  10. ALI OSS RequestTimeTooSkewed