是的,Sortable.js 可以实现拖拽排序。Sortable.js 是一个轻量级的 JavaScript 库,用于实现拖拽排序列表。它非常灵活,支持多种排序模式,如垂直、水平、自定义排序等。要使用 Sortable.js,你需要在 HTML 中创建一个列表,并在 JavaScript 中初始化它。
以下是一个简单的示例,展示了如何使用 Sortable.js 实现垂直拖拽排序:
- 首先,在 HTML 中创建一个列表:
Sortable.js Example
- Item 1
- Item 2
- Item 3
- Item 4
- Item 5
- 接下来,在 JavaScript 文件(如
script.js
)中初始化 Sortable.js:
const sortableList = document.getElementById('sortableList'); const sortable = new Sortable(sortableList, { animation: 150, onUpdate: function (event) { console.log('Sorted items:', sortableList.children); } });
在这个示例中,我们创建了一个垂直排序的列表,并在 onUpdate
事件中打印排序后的列表。你可以根据需要修改这个示例,以适应你的项目需求。更多关于 Sortable.js 的信息和示例,请参考官方文档:https://sortablejs.github.io/Sortable/