jquery hide()和show()在google chrome中运行速度太慢

前端之家收集整理的这篇文章主要介绍了jquery hide()和show()在google chrome中运行速度太慢前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个在Chrome中无法正常运行的Web应用程序。在Firefox中完美工作我有一个具有大量列表项目的页面,确切地说是316。每个列表项包含大量的HTML。我的问题是当我想隐藏或显示这些列表项。

我有一个jsFiddle的测试页面显示我遇到的问题。我将HTML页面从一个无序列表中删除,以容纳所有316个列表项。我有两个按钮,只需调用jQuery隐藏或单击时显示。再次,在Firefox,Opera甚至IE中运行速度都很快,但是在Safari中,在Chrome浏览器中可能需要30秒以上,这会打开对话窗口,询问您是否要杀死页面,因为脚本运行时间长。

这是jsFiddle的链接

http://jsfiddle.net/oumichaelm/UZCZc/3/embedded/result/

感谢任何投入。
JMM

解决方法

看起来这与jQuery无关,只是Chrome隐藏了一个具有大量子元素的父元素的问题。

这只是使用基本的javascript来隐藏文档上的元素准备:

document.getElementById('sortable-lines').style.display="none";

文件准备好之后它仍然会永远存在。

http://jsfiddle.net/petersendidit/UZCZc/10/embedded/result/

为此打开了Chrome错误http://code.google.com/p/chromium/issues/detail?id=71305

猜你在找的jQuery相关文章