可排序,js性能很慢

Sortable,js performance is very slow

本文关键字:性能 js 排序      更新时间:2023-09-26

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

为了更好地描述我遇到的问题 - 我创建了这个非常短的屏幕投射

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

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

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

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

并在卡内移动东西(用于测试(

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

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

如果您需要我提供

任何其他东西,请告诉我,以防我忘记了。提前感谢您的时间和帮助。

所以我终于找到了解决问题的方法。我没有使用jquery-ui作为可排序函数,而是从github中获取了这个轻量级html.sortable.js。

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