jQuery List DragSort 列表拖动排列插件 - 文章教程

jQuery List DragSort 列表拖动排列插件

发布于 2018-06-27 字数 1727 浏览 3772 评论 0

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

jQuery List DragSort 列表拖动排列插件

使用方法

$("ul").dragsort({
    dragSelector: "li",
    dragEnd: function() { },
    dragBetween: false,
    placeHolderTemplate: "<li></li>"
});

参数说明

  • 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″。

相关链接

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

目前还没有任何评论,快来抢沙发吧!

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

2891 文章
评论
84935 人气
更多

推荐作者

时光倒影

文章 0 评论

qq_YyjhCs

文章 0 评论

三人与歌

文章 0 评论

┼──瘾||

文章 1 评论