jQuery List DragSort 列表拖动排列插件

在编写网页的时候,有时可能需要对 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″。

相关链接

  • 演示地址:/wp-content/uploads/2018/06/jquery-list-dragsort/
  • 下载地址:/wp-content/uploads/2018/06/jquery-list-dragsort.rar

以上是 jQuery List DragSort 列表拖动排列插件 的全部内容, 来源链接: utcz.com/p/231881.html

回到顶部