大家好,感谢您调查我的问题。
为了更好地描述我遇到的问题 - 我创建了这个非常短的 screen cast
我正在使用截屏视频中显示的卡片网格,当我尝试排列它们时,它们非常慢并且响应滞后。
但是,如果我尝试使用sortable里面每张卡的性能都是正常的。除了在拖放时可排序之外,我没有运行其他 js 函数。我也没有任何隐藏元素,因为我认为这是许多情况下可排序性能缓慢的解决方案。我找不到任何相关的例子来解决这个问题,我附上了简短的屏幕截图以更好地展示我的问题。
卡片是主 ul 中带有类 .exercises
的无序列表元素,所以我在 jquery 主页面中有这个:
$('.exercises').sortable();
并在卡内移动物体(用于测试)
$('.exercises li').sortable();
你们中的任何人对如何解决这个问题有任何建议吗,因为它真的很烦人,而且已经好几天没有任何积极的结果了。
如果您需要我提供任何其他信息,请告诉我,以防我忘记。预先感谢您的时间和帮助。
最佳答案
所以我终于找到了解决我的问题的方法。我没有使用 jquery-ui 来实现可排序功能,而是使用了这个轻量级 html.sortable.js来自 github。
这解决了我的情况下的性能问题!
关于javascript - 可排序,js性能很慢,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35185918/