jQuery .innerWidth() 在不同的浏览器中给出不同的值

【问题标题】：jQuery .innerWidth() giving different values in different browsersjQuery .innerWidth() 在不同的浏览器中给出不同的值
【发布时间】：2010-12-09 16:51:22
【问题描述】：

我正在尝试使用 jQuery UI 滑块小部件制作图片库。我的代码要求我找到无序列表的内部宽度。在 Firefox、IE 和 Opera 中，我得到的值为 2193px，但在 Chrome 中，这个值为 44px！

当我将 2193px 硬编码到 UL 的宽度中时，它在 Chrome 中可以正常工作。

这是代码Slider Test的链接

【问题讨论】：

标签： jquery jquery-ui google-chrome webkit jquery-ui-slider

【解决方案1】：

我也会对这个答案感兴趣...有时，我发现脚本可以在图像加载到浏览器之前运行。这会导致值不同，因为尚未确定宽度。尝试将高度和宽度放在每个图像的样式标签中，看看是否有效。

【讨论】：

太棒了！为每个图像添加了高度和宽度值，并解决了问题。谢谢！
Safari 和 Chrome (webkit) 可以过早地触发文档 onload 事件（在页面完成异步加载图像之前）。因此，您最终会在页面加载后立即不知道某些图像及其容器的大小。在浏览器重新计算页面流之前，您必须等待图像加载。所以迈克对你的脚本不知道时间的大小是正确的。