jQuery崩溃Internet Explorer

时间:2010-05-28 11:20:18

标签: jquery internet-explorer

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

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

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

提前谢谢你。

布拉德利

2 个答案:

答案 0 :(得分:1)

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

1)对于制作总是使用缩小版的jQu​​ery。更好的是,使用像谷歌这样的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请求仅用于JavaScripts。您可以将更多javascripts放入一个文件中并使minifiy(YUI Compressor)更好。每个Javascript都会加载并阻止其他所有内容加载到您的页面上,直到加载并因为它们位于顶部。整个页面需要很长时间才能加载。

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

4)我认为图像变小的空间(单个脸书黄色图像为500kb - 你的背景是1.3MB - 爱情伤害是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的插件!这将帮助您跟踪您可以做的其他事情。

答案 1 :(得分:1)

在深入调查崩溃之后,我发现只有两个盒子实际上导致了崩溃。经验丰富的脚本,我发现淡入的图像是造成它的,如果我拿走它们就可以了。 Sooo,我寻找div之间的区别是图像渐渐消失,发现崩溃的盒子有一个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

再次感谢, 布拉德利