jQuery元素宽度（Chrome bug）

Question

如果我使用F5重新加载页面，则元素的宽度为 100 。如果我只是点击内部链接或按下输入浏览器行宽 1847 。在Firefox中，一切都很好。如何解决？

$(document).ready(function() {
    console.log($("#element").outerWidth());
});

提前致谢。

Answer 1

尝试使用$(window).resize()：

$( window ).resize(function() {
  console.log($("#element").outerWidth());
});

Answer 2

尝试使用$(window).load()代替$(document).ready()。

您可能会在执行F5时重新加载图像/ iframe等，但通常会从缓存中使用。

窗口加载事件等待加载这些图像;文档就绪事件没有。