SortableList

功能描述

  • 可以拖动的列表模块。
  • 适用于可展示小部分带图的或者文字列表,
  • 具体用法看代码。

依赖的模块

原生 JS 编写的 sortable.js 不依赖任何插件,大小仅只有 7 kb,压缩版 4 kb

快速使用

option 参数如下:
  • element : Object,容器选择器,可以拖拽的列表容器

  • callback: Function,返回的回调函数,在你拖拽结束后触发的函数回调,回调中有一个参数对象ops, 对象中有拖拽之后的改变的索引数组和改变之后的容器DOM列表

具体使用

  1. new Sortable({
  2. element: document.querySelector('.sortable-list'),
  3. callback: function(ops) {
  4. console.log(ops)
  5. }
  6. })

特别说明

此插件目前算适用版,后续还带继续优化,有问题请加q464814413,备注