jQuery元素宽度(Chrome bug)

Question

如果我用F5重新加载页面，元素的宽度是100。如果我只是点击内部链接或在浏览器中按回车键，行宽度是1847。在Firefox中，一切都很好。如何解决这个问题?

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

Answer 1

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

你可能有图像/iframes等正在重新加载时做F5，但从缓存正常使用。

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

Answer 2

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

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