jQuery在IE8中按预期工作，但在Chrome中没有。。。需要有人检查我的代码吗

我最近一直在更新一个网站，使它在IE8中看起来几乎和在Chrome中一样好。我已经设法正确地应用了角点，但是如果你看一看，你会注意到目录行在IE8中显示的和预期的一样，而不是在Chrome中。在Chrome中，它们似乎永远不会消失

有人能看一下上面页面中的jQuery/css并告诉我他们认为我错在哪里吗？很抱歉，我无法缩短CSS文件-它们通常相当大，但该页面中需要所有样式（或至少大多数样式），以演示问题

我还注意到localhost上出现了一些奇怪的行为，我似乎无法在上面的页面上重现这些行为。似乎有些时候页面在Chrome中显示得很完美，有时目录行显示得稍短，有时它们会离开页面。我不明白这是为什么

任何帮助都将不胜感激

问候,

理查德

PS如果有人对我如何改进我的代码有任何建议，但仍然能达到同样的效果，那么请说出来

---

我特别感兴趣的是关于如何在没有JavaScript的情况下使用目录行实现jQuery的任何提示。我基本上有一个大小未知的图像（img标签的宽度和高度是通过查看服务器端的图像并缩小它，如果它大于最大缩略图大小）我希望得到的描述可以跨越整个高度，距离图像20像素。

您正在根据文档中图像的宽度设置属性，并且您正在文档就绪状态下执行此操作

文档就绪伪事件在填充HTMLDOM一段时间后触发；它不保证所有图像都已加载。在Chrome和其他支持HTML5 DOMContentLoaded事件的浏览器上，文档就绪回调通常会比其他浏览器更快发生，这意味着图像还没有加载的可能性更大

---

如果要在页面中的所有内容（包括图像）就绪时调用函数，则应使用加载事件（

$（window.load）（function（）{…}）；

）。虽然我真的不知道你为什么在这里乱搞脚本布局，因为我没有立即在该页面上看到任何不能用简单CSS完成的内容。

尝试刷新页面几次。我发现有时它看起来是正确的，但大多数时候它不是。这有点奇怪。嗯，我刚刚尝试取消第74行和第75行的注释（

$（this.html（$（this.html（）+“”+newWidth）；

和

$（this.html（newWidth）；

）。看起来它有时返回727（当它正确显示时），有时返回1717。这是一个1920*1080的屏幕。好吧，有点难说是怎么回事，但我不能让它做任何坏事。我注意到的一件事是，那些注释掉的调用“animate”看起来就像是同步的；他们不是。当您调用“animate（）”时，它会安排动画，但会立即返回。结果表明，我看到的是使用

document.ready

，而不是bobince所述的

document.load

。我看到了您的观点，但图像的宽度和高度在html标记中设置（

width='x'height='y'

）。当然，它应该返回那些宽度，而不是看起来是负数的宽度。。。我将尝试将其更改为

.load

，然后看看会发生什么。它们没有

宽度

/

高度

属性，它们的大小由CSS样式设置。这不会影响

width

/

height

属性/属性。width/height仍然有效（通过输出判断图像是否大于最大大小），即使它们早已被弃用。我一直想用

style=“width:x；height:y”

方法来代替它们（因为它因图像而异）但我还没来得及去做——这只是我放进去的东西，这样我就可以检查缩放函数是否能达到我想要的效果。我只是意识到我实际上没有使用宽度和高度属性——我实际上使用的是

style='width:x；高度：y'

。无论如何，更改“准备加载”解决了问题。谢谢