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

我想使用jQuery编写一个可排序列表

我的想法如下：当li元素随鼠标移动时，将动态地在mouseup事件发生时li元素所在的位置放置占位符

---

但我不明白一件事：如何使其他li元素在占位符移动时适当地上下移动。我不认为我应该使用CSS'top'属性来移动这些元素，因为这种方法实际上不会自动更改列表中每个元素的索引。有人能给我一些建议吗？谢谢。

实际上，jQuery UI允许您在脚本中选择所需的部分。所以您只能选择sortable（它将有三个其他依赖项，但没有特别大的依赖项）。只需转到jQueryUI主页并单击BuildCustomDownload。通过这种方式，您可以获得一个非常轻量级的脚本（如果您在下载中选择可读的代码，则可以进一步精简该脚本）

---

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

scrollsitivity

setter）。

为什么不尝试摆弄jQuery UI源代码呢？它有一个开发者包，你可以把它拆开研究。真的。。。我不明白。为什么不使用已经准备好的东西呢。人们付出了时间和鲜血来建造这些东西。+1给@Joseph——如果你不知道如何去做，那就看看这些东西的来源吧。有很多非常好的JS代码，做了很多令人惊奇的事情，它只是以全人类可读的源代码形式存在，乞求有人好好利用它！如果你编写了比你开始编写的更好的、非常好的代码，那么请将其提供给我们，以表达你对这个奇妙系统的欣赏。传播爱兄弟。不用说，除了jQuery UI之外，我想不出一个插件可以做到这一点：）一个只支持可排序的最小化jQuery UI是34k。那真的太重了吗？这是jquery本身大小的三分之一。+1 jquery UI的模块化特性使定制构建变得很容易，因此您只需要使用所需的位：）