Sortable.js：功能强大的JavaScript 拖拽库

Sortable.js 是一个用于Web上的开源拖放库，它允许用户以简单的方式对任何列表进行排序。Sortable.js 可以和任何框架一起工作，并且支持触摸设备和所有现代浏览器。

以下是一个使用Sortable.js的基本示例：

1. 首先，在HTML文件中引入Sortable.js库：

<script src="https://cdnjs.cloudflare.com/ajax/libs/Sortable.js/1.14.0/Sortable.min.js"></script>

2. 接着，创建一个可排序的列表：

<ul id="items">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

3. 最后，使用JavaScript代码初始化Sortable：

var el = document.getElementById('items');
var sortable = new Sortable(el, {
  animation: 150, // 动画持续时间，单位毫秒
  onEnd: function (evt) {
    // 排序结束后的回调函数
    console.log('Moved from ' + evt.oldIndex + ' to ' + evt.newIndex);
  }
});

这个例子中，我们创建了一个可以拖拽排序的列表，并通过Sortable.js库使其具备排序功能。在排序结束后，我们打印出了移动前后的索引位置。

Sortable.js 提供了许多选项和事件处理函数，可以帮助你定制排序功能以满足特定需求。