DOM 中存在大量元素是不是很糟糕？

发布于 2024-09-06 00:06:45 字数 832 浏览 5 评论 0原文

我正在为他们的商店制作房地产非交互式展示窗口。

我已经将 jCarousel 踢到做我想做的事情：

按 AJAX 添加面板
接近当前组的末尾， go 和 AJAX 一些新面板并插入它们

这工作正常，但似乎对先前的元素调用 jQuery 的 remove() 会导致丑陋的碰撞。我不确定调用 hide() 是否会释放任何资源，因为该元素仍然存在（并且该元素无论如何都会离开屏幕）。

我见过这个，并尝试了carousel.reset () 在回调中。它只是清除所有元素。

它将在 Windows XP 上的 Google Chrome 上运行，并且仅在液晶电视上显示。

我想知道，如果我无法找到一个合理的解决方案来删除额外的 DOM 元素，它会让我的应用程序陷入困境，还是 Chrome 会进行一些巧妙的垃圾收集？

或者，你会如何解决这个问题？

谢谢

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

ゝ杯具 2024-09-13 00:06:45

您可以重用旧元素而不是删除它们并添加新元素吗？

回复收藏 0 原文

烂柯人 2024-09-13 00:06:45

我找到了一个修复方法，结果非常简单！

只需将其传递给 jCarousel 的配置

itemFirstOutCallback: {
               onAfterAnimation: function(carousel, li, index, state) {
                 if (state === 'init') return;

                 carousel.remove(index); 

               }
            }

基本上，这只会在列表元素变得不可见时将其删除（滚动到负 overflow:hidden 区域，如果你愿意的话:)）

I worked out a fix that ended up being very simple!

Simply pass this to the config for jCarousel

itemFirstOutCallback: {
               onAfterAnimation: function(carousel, li, index, state) {
                 if (state === 'init') return;

                 carousel.remove(index); 

               }
            }

Basically, this just removes the list element as soon as it becomes invisible (scrolled into negative overflow: hidden territory, if you will :) )

回复收藏 0 原文

~没有更多了~