Internet Explorer中的jQuery Mobile可折叠小部件性能

时间:2014-08-08 03:57:12

标签: performance internet-explorer jquery-mobile jquery-mobile-collapsible

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

这一切在FF和Chrome中运行良好,但是在IE中,当扩展了超过1200个子项的父项时,它变得非常迟缓。您应该能够通过以下小提琴为自己检查:

http://jsfiddle.net/1q40qytg/

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

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

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

1 个答案:

答案 0 :(得分:0)

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

当您收到要加载的列表时,您应该问问自己真正的问题=您的用户是否愿意滚动那么远以查看底部的项目?请考虑在列表demos顶部使用filterable小部件,并提供列表顶部主要使用的项目。

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