javascript - 可排序,js性能很慢

标签 javascript jquery jquery-ui web jquery-ui-sortable

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

为了更好地描述我遇到的问题 - 我创建了这个非常短的 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/

相关文章:

javascript - ReactJS - 组件 - 最佳实践

jquery - 用响应覆盖图像上的文本

javascript - 在动态添加的 DOM 元素上使用点击事件

php - 为什么这个对正确的 php 脚本的 ajax 调用没有返回任何东西?

JQuery UI CSS 样式表不起作用

javascript - 原型(prototype)中的漂亮代码,如何忽略空结果选择器上的 'is not a function' 错误

javascript - 使用递归函数比较 JavaScript 中的对象

javascript - 未捕获的语法错误 : The requested module '/node_modules/.vite/firebase_firestore.js?v=32c7ddf6' does not provide an export named 'default'

jquery-ui - Symfony 2.0日期时间小部件;如何使用JQuery UI日期选择器呈现?

asp.net - JQuery Slider - 记住页面之间的值 ASP.net