IE挂在jQuery代码上

Question

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

声明：web page

http://agrimgupta.com/antaragni/

免责声明：请原谅我在该页面上的可怜编码。 ; - ）这是在很短的时间内完成的。改进将在稍后阶段完成。

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

问题：从网站加载此页面时，IE 8正在抓取（几乎挂起）。虽然它在localhost上工作正常。当在网站上时，它无法呈现鼠标悬停效果，几乎看起来像是一分钟。

问题：如何解决这个问题？有必要解决这个问题。

先谢谢

Answer 1

IMHO

首先在可能的地方使用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 fix的圣杯

  

  
• 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/
  

Answer 2

无效的HTML会导致您的网页渲染速度变慢。修复第8行上未展开的<link>标记，然后重试。 http://validator.w3.org/check?verbose=1&uri=http%3a%2f%2fagrimgupta.com%2fantaragni%2f