Sortable 不是函数

Sortable 是一种 JavaScript 库，用于创建可拖放列表和表格。它不是一个函数，而是一个完整的库，具有许多可定制的选项和事件。它使用 HTML5 Drag and Drop API 和 CSS3 Transition 功能来实现无缝拖放体验。

如何使用 Sortable

使用 Sortable 非常简单。首先，您需要添加 Sortable 的 JavaScript 和 CSS 文件到您的项目中。您可以在 Sortable 的官方网站上下载它们，也可以使用像 CDN 之类的资源。

在您的 HTML 中，将每个可排序元素包装在一个带有“sortable”类的容器中：

<div class="sortable">
    <div>Item 1</div>
    <div>Item 2</div>
    <div>Item 3</div>
</div>

然后，您只需在 JavaScript 中实例化一个 Sortable 对象：

var sortable = new Sortable(document.querySelector('.sortable'));

现在，您可以拖动和重新排序这些项目。

Sortable 的选项和事件

您可以使用 Sortable 的许多选项和事件来自定义它的行为。例如，您可以设置排序项的样式，或在项目被拖拽时触发回调函数。

这里是一些常见的选项和事件：

选项

• animation: 拖放时的动画效果
• handle: 指定拖动的句柄
• group: 指定可以拖动到哪些列表中

事件

• onSort: 项目排序时触发
• onMove: 项目被移动时触发
• onEnd: 拖动结束时触发

在 Sortable 的文档中，您可以找到有关所有选项和事件的更多信息。

总结

虽然 Sortable 不是一个函数，但它是一个功能强大的 JavaScript 库，可用于创建可拖动的列表和表格。它易于使用，具有许多可定制的选项和事件。如果您需要在您的项目中添加可排序的功能，Sortable 绝对值得一试。