javascript - 可排序，js性能很慢

Question

大家好，感谢您调查我的问题。

为了更好地描述我遇到的问题 - 我创建了这个非常短的 screen cast

我正在使用截屏视频中显示的卡片网格，当我尝试排列它们时，它们非常慢并且响应滞后。

但是，如果我尝试使用sortable里面每张卡的性能都是正常的。除了在拖放时可排序之外，我没有运行其他 js 函数。我也没有任何隐藏元素，因为我认为这是许多情况下可排序性能缓慢的解决方案。我找不到任何相关的例子来解决这个问题，我附上了简短的屏幕截图以更好地展示我的问题。

卡片是主 ul 中带有类 .exercises 的无序列表元素，所以我在 jquery 主页面中有这个:

$('.exercises').sortable();

并在卡内移动物体(用于测试)

$('.exercises li').sortable();

你们中的任何人对如何解决这个问题有任何建议吗，因为它真的很烦人，而且已经好几天没有任何积极的结果了。

如果您需要我提供任何其他信息，请告诉我，以防我忘记。预先感谢您的时间和帮助。

Answer 1

所以我终于找到了解决我的问题的方法。我没有使用 jquery-ui 来实现可排序功能，而是使用了这个轻量级 html.sortable.js来自 github。

这解决了我的情况下的性能问题!