Chrome中的JQuery窗口宽度不正确

我已经创建了一个插件,我已经减少了插件的简单(即没有function,只是结构)来调试这个问题,它仍然存在。 它涉及调整div的大小并将其基于文档的宽度。

问题是报告的文档宽度从实际宽度减少了17px,因此没有正确调整div的大小。

我已经发出警报以找出问题发生的位置:在“就绪”function之前:1780px(正确的宽度)在“就绪”function内:1763px插件内:1763px(从“document.width”和“$”返回的所有值(文件).width()“结果相同)

这只发生在Chrome中,并且即使插件减少到实际上也没有。

有关为什么会发生这种情况的任何想法?

取自jQuery文档 :

虽然JavaScript在呈现页面时提供了用于执行代码的加载事件,但在完全接收到所有资产(如图像)之前,不会触发此事件。 在大多数情况下,只要完全构造DOM层次结构,就可以运行脚本。 传递给.ready()的处理程序保证在DOM准备好后执行,因此这通常是附加所有其他事件处理程序并运行其他jQuery代码的最佳位置。 使用依赖于CSS样式属性值的脚本时,在引用脚本之前引用外部样式表或嵌入样式元素很重要。

如果代码依赖于加载的资源(例如,如果需要图像的维度),则应将代码放在load事件的处理程序中。

你可能应该使用

$(window).load(function() {}); 

作为触发事件

我发现jQuery(window).width()在Safari和Chrome中返回错误的值。