jQuery崩溃的Internet Explorer

Question

好吧，基本上，我设计和开发一个相当复杂的网站，围绕着jQuery的使用。我对jQuery的了解很差，这是我第一次正确使用它。我之前在这里发布了一个关于脚本的问题，显然它很糟糕，但我没有告诉你到底是什么，我实际上正在写它，我现在可以。因为我已经将它上传到测试目录。 它现在可以在除IE以外的其他浏览器中正常工作。 CSS样式到达那里，它应该快要结束了！但是，Internet Explorer显示的问题很糟糕。在IE 7,8中，它看起来很好，但是当您将鼠标悬停在链接上时，它立即崩溃。 IE 6，显示器似乎没有正常工作。但IE 6是一个较小的问题。

如果你只需要5或10分钟就可能重写一个简单的脚本，可能需要10个小时，我会非常感激！ 继承人网站 - http://openyourheart.org.uk/test/index.html

如果需要，我可以发送所有压缩文件。

提前谢谢。

布拉德利

Answer 1

在调查了更深入的撞击事件之后，我发现只有两个盒子实际上导致了崩溃。经验与脚本，我发现淡入图像造成它，如果我把它们拿走它工作得很好.. Sooo，我寻找divs之间的区别是图像淡入，发现碰撞箱有一个ID以及一个类..这似乎影响它？！我删除了ID，只留下了“空白方块”类，它没有崩溃。

原创 -

<div id="row1square2" class="blank square"> 
    <div class="square whoweare">ESTABLISHED<br/>FOR OVER<br /><span id="thirtyyears">30 YEARS</span></div> 

新版本 -

<div class="blank square"> 
    <div class="row1square2 square whoweare">ESTABLISHED<br/>FOR OVER<br /><span id="thirtyyears">30 YEARS</span></div> 

我不知道，为什么会产生效果，但该网站是非常接近完成，未来和伟大的感谢所有的帮助和评论，我试图实施并继续处理你的建议。再次 我有另外一个问题，我似乎无法化解，所以我已经张贴在这里作为一个新的问题..

Hide horizontal scrollbar in IE 7 and below

感谢， 布拉德利

Answer 2

你应该在你的页面上做很多事情。

1）对于生产总是使用jQuery的缩小版本。更好的是，使用像谷歌这样的CDN的jQuery，这样jQuery已经被缓存在客户端浏览器中的机会增加了，并且它加载的时间也减少了。

现在你jQuery是160KB，而不是在你的头使用：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 

2）滑动面板（http://www.openyourheart.org.uk/test/scripts/jquery.slidingpanels.js）给出了404 - 检查您是否已经在正确的位置脚本）。

3）现在有8个HTTP请求仅用于JavaScript。您可以将更多的JavaScript文件放入一个文件并进行最小化（YUI Compressor）。每个Javascript都会加载，并且会阻止其他所有内容从加载到您的页面直到它加载并且因为它们位于顶部。整个页面加载需要很长时间。

在firefox中使用Firebug（Net tab）Addon等工具来查看正在加载的文件数量以及它们的大小。

4）我认为有图像变小的空间（单个facebook黄色图像是500kb - 你的背景是1.3MB - 爱情伤害是590KB）你在3张图像之间有2 MB - 想像拨号连接的人试图访问您的网站。
你的背景无论如何都没有太多细节 - 在Photoshop中，如果质量下降到6-8我认为它不会带来太多的差异。

5）其他较小的图像可以制作成PNG，缩小它们的尺寸会大幅缩小。对于PNG文件，您可以使用OptiPNG和其他公用程序来减小PNG图像的大小 - 我认为特定图像（脸谱）应该低于25kb的范围，一旦PNG和缩小。

6）考虑为您的网页GZip压缩。

我还没有在IE浏览器中看到过这个，因为网站本身有这么多基本上应该改变的地方。一旦你优化了你的网站，我认为它应该可以在IE中工作，除非你的一个JavaScript有特定的IE相关问题（提示，查看已知IE相关问题的插件文档）。

较高的加载时间对SEO不利，以及谷歌已经考虑加载时间作为SEO参数。在firefox Firebug中，你可以安装一个名为YSlow的插件！这将帮助你跟踪你可以做的其他事情。