jQuery崩溃Internet Explorer

好吧,基本上,我正在设计和开发一个相当复杂的网站,围绕jQuery的使用。我对jQuery的了解非常糟糕,这是我第一次正确使用它。 我之前在这里发布了一个关于脚本的问题,显然它很可怕,但我没有告诉你我究竟写的是什么,我现在可以…因为我已将它上传到测试目录。 它现在可以在IE以外的每个浏览器中正常工作。 CSS造型即将到来,它应该很快就会完成! 但是,Internet Explorer显示出不好的问题..在IE 7,8中它看起来很好但是当你将鼠标hover在某个链接上时,它会立即崩溃。 IE 6,显示器似乎根本不能正常工作。 但IE 6是一个较小的问题。

如果你可能只需要5或10分钟来重写一个可能需要10个小时的简单脚本,我将非常感激! inheritance人的网站 – http://openyourheart.org.uk/test/index.html

如果需要,我可以发送所有拉链文件。

先感谢您。

布拉德利

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

1)对于生产总是使用缩小版本的jQuery。 更好的是,使用来自像谷歌这样的CDN的jQuery,因此jQuery已经在客户端浏览器中缓存的可能性增加,并且加载它的时间减少了。

现在你的jquery是160kb而不是在你的标题中使用它:

  

2)滑动面板( http://www.openyourheart.org.uk/test/scripts/jquery.slidingpanels.js )给出404 – 检查脚本是否在正确的位置)。

3)现在有8个HTTP请求仅用于JavaScripts。 您可以将更多javascripts放入一个文件和minifiy( YUI Compressor )中。 每个Javascript都会加载,并会阻止其他所有内容从加载到您的页面上,直到它加载并因为它们位于顶部。 整个页面需要很长时间才能加载。

在firefox中使用像Firebug(Net tab)Addon这样的工具来查看正在加载的文件数量以及它们的大小。

4)我认为图像变小的空间(单个脸书黄色图像为500kb – 你的背景是1.3MB – Love Hurts是590KB)你有3个图像之间的2 MB – 想象一个有拨号的人尝试访问您的网站的连接。
你的背景反正没有太多的细节 – 在Photoshop中,如果质量下降到6-8我不认为它会产生太大的差异。

5)其他较小的图像可以制作成PNG并缩小它们的尺寸会大幅缩小。 对于PNG文件,您可以使用OptiPNG等实用程序来减小png图像的大小 – 我认为特定图像(facebook)一旦制成png并缩小就应该低于25kb范围。

6)考虑为您的网页进行GZip压缩。

我还没有在IE中看到这个,因为有很多东西应该在网站本身发生变化。 一旦你优化了你的网站,我认为它可以在IE中工作,除非你的一个JavaScripts存在特定的IE相关问题(提示,请查看已知IE相关问题的插件文档)。

更高的加载时间对于SEO是不利的,并且谷歌已经将加载时间视为SEO参数。 在firefox Firebug中,你可以安装一个名为YSlow的插件! 这将帮助您跟踪您可以做的其他事情。

在深入调查崩溃之后,我发现只有两个盒子实际上导致了崩溃。 经验丰富的脚本,我发现淡入的图像导致它,如果我把它们带走它工作正常..所以,我寻找div之间的差异是图像渐渐消失,发现崩溃的盒子有一个ID以及一个类……这似乎影响了它?! 我删除了ID,只是离开了“空白方块”类,它没有崩溃。

原版的 –

 
ESTABLISHED
FOR OVER
30 YEARS

新版本 –

 
ESTABLISHED
FOR OVER
30 YEARS

我不知道,为什么这会产生影响,但网站已接近完成并且即将到来,非常感谢您的所有帮助和评论,我已尝试实施并继续处理您的建议。 我还有另外一个问题,我似乎无法解决,所以我在这里发布了一个新问题。

在IE 7及更低版本中隐藏水平滚动条

再次感谢布拉德利