javascript - IE 卡在 jQuery 代码上

Question

这是另一个陈词滥调的问题，但我找不到与之完全匹配的问题。
我没有在这里发布任何来源，因为您可以在链接上自由查看所有内容。 :-)

声明:我有一个web page在http://agrimgupta.com/antaragni/

免责声明:请原谅我在该页面上的可悲编码。 ;-) 这是在很短的时间内完成的。稍后将进行改进。

观察:此页面在我的本地主机上的所有浏览器上都正常运行。

问题:从网站加载此页面时，IE 8 正在爬行(几乎挂起)。尽管它在本地主机上运行良好。在网站上时，它无法呈现鼠标悬停效果，几乎在一分钟内就完成了。

问题:如何解决IE卡顿？有必要解决这个问题。

提前致谢

Answer 1

恕我直言

首先像这里一样尽可能使用 CSS

    $('#downloadsglow').hide();
    $('#blogglow').hide();
    $('#eventsglow').hide();
    $('#galleryglow').hide();

到

#downloadsglow, #blogglow , #eventsglow , #galleryglow { display:none }

或者至少这样做 $('#downloadsglow,#blogglow,#eventsglow,#galleryglow').hide();

然后确保在开始观察鼠标悬停之前加载所有图像!

有点像

$(window).load(
    function() {
        // weave your magic here.
    }
);

然后使用png修复的 chalice

• http://www.dillerdesign.com/experiment/DD_belatedPNG/

像这样

<!--[if IE 6]>
<script src="DD_belatedPNG.js"></script>
<script>
  DD_belatedPNG.fix('.pngimg');
</script>
<![endif]-->

最后但同样重要的是，由于您的网站使用了大量 PNG 图像，我建议您对其进行压缩，看看

• http://www.aboutonlinetips.com/optimize-and-compress-png-files/