可排序,js性能非常慢

时间:2016-02-03 19:26:26

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

各位大家好,感谢您查看我的问题。

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

我正在使用截屏视频中显示的网格,当我尝试安排它们时,它们很慢并且会有滞后响应。

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

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

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

并在卡片内部移动(用于测试)

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

你们是否有任何建议如何对这个问题进行排序,因为它真的很烦人,而且已经有几天没有积极的结果。

如果我忘记了,如果您需要我提供其他任何内容,请告诉我。提前感谢您的时间和帮助。

1 个答案:

答案 0 :(得分:0)

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

这解决了我的性能问题!