使用 jQuery 编写一个可排序的列表(只是基本功能，jQueryUI 对我来说太重了）

Write a sortable list using jQuery (just basic functionality, jQueryUI is too heavy for me)

本文关键字：功能 jQueryUI 对我来说 jQuery 一个使用排序列表更新时间：2023-09-26

我想用jQuery写一个可排序的列表。

我的想法如下：当 li 元素随鼠标移动时，当鼠标向上事件发生时，将按动态方式放置在放置 li 元素的位置。

但我没有得到一件事：如何使其他 li 元素随着占位符的移动而适当地上下移动。我认为我不应该使用 CSS 'top' 属性来移动这些元素，因为此方法实际上不会自动更改列表中每个元素的索引。有人可以给我一些想法吗？谢谢。

实际上，jQuery UI允许您选择脚本中所需的部分。因此，您可以仅选择可排序（它将具有其他三个依赖项，但不会特别大）。只需转到jQuery UI主页，然后单击构建自定义下载。您可以通过这种方式获得一个非常轻量级的脚本（如果您在下载中选择可读代码，则可以进一步剥离该脚本）。

它有助于您的代码跨浏览器兼容性，并且jQuery UI代码实际上是可读的，并且易于剥离任何不必要的功能（例如，您可以删除scrollSensitivity setter）。