1

我正在开发一个具有“树”的应用程序，用户可以导航以从中选择项目，并且正在使用的 UI 元素是 jQM 可折叠小部件。当用户单击“父”项时，“子”节点将添加到可折叠项中。树中的“父”项之一在其下方扩展了 1200 多个项。

这一切在 FF 和 Chrome 中都可以正常工作，但是在 IE 中，当扩展具有超过 1200 个子项的父项时，它变得非常缓慢。您应该可以使用以下小提琴自行检查：

http://jsfiddle.net/1q40qytg/

只需单击“测试”按钮以在“根”下方添加节点，然后单击任何子项以展开/折叠它们。至少对我来说，浏览器之间的差异非常明显。

我正在寻找有关是否有办法让 IE 性能更好，或者只是处理如此大量子项目的更好方法的建议。

<ignore>Here's some bogus code to satisfy SO</ignore>
4

1 回答 1

0

在任何浏览器中渲染 1200 个项目都很慢。试试 Android 2.x 看看这需要多长时间。

当您加载列表时，您应该问自己真正的问题 = 您的用户是否愿意滚动那么远以查看底部的项目？考虑改为在列表演示filterable顶部使用小部件，并可能提供列表顶部最常用的项目。

如果这不是一个选项，请考虑在客户端/浏览器上提供预先增强的标记与增强。

于 2014-08-08T14:34:11.257 回答