对于更多 DIV 项目,jQuery 拖放速度会变慢

标签 jquery performance jquery-ui drag-and-drop

我的页面中有一个层次结构标签(具有父子关系),它将占到 500 - 4500 个(甚至可以增长)。当我绑定(bind)所有的可拖动和可放置时,我发现 IE7 和 IE6 中的性能非常糟糕。自定义助手不会顺利移动并且非常非常慢。根据其他一些帖子,我已经在鼠标悬停和鼠标移出事件上绑定(bind)/取消绑定(bind)了可放置对象(动态)。现在好多了。

但我仍然没有看到自定义助手移动非常顺利,当鼠标光标和助手移动时,它们之间存在间隙,并且当我从远程访问该站点时变得非常糟糕。

请帮我解决这个性能问题。我完全被困在这里..:(

最佳答案

在任何给定时刻尝试减少可放置元素的数量。没有其他办法。

一种策略是将放置目标组合到由 div 绑定(bind)的组中,并仅在鼠标进入此父 div 时将此 div 的子级绑定(bind)为可放置对象,并在鼠标离开时取消注册。

关于对于更多 DIV 项目,jQuery 拖放速度会变慢,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1133413/

相关文章:

c# - 为什么 Excel VSTO 插件在更高规范的机器上运行得更慢?

android - 什么时候使用 VectorDrawable?

javascript - 如何在 JQuery 中区分具有 id 的多个 anchor 标记上的 onclick 乐趣

javascript - jQuery:添加类并从所有 sibling 中删除

javascript - animateIn 在另一个动画问题之后

javascript - 无法在具有相同类名的多个元素中定位单个输入(jQuery)

jQuery TimePicker 和 jQueryUI 1.8.7 冲突

iframe 中的 JavaScript 代码

php - 哪个更快 : in_array or database queries?

javascript - 模态窗口中的 JQuery 日期选择器问题