javascript - jQuery width() 在加载时不正确

Question

当我加载我的页面并使用 $('div.logo').width() 时，它返回一个巨大的值 6500，这是不正确的。图片只有 130 像素宽。

但是，如果我使用 setTimeout 并在几秒钟后检查 $('div.logo').width()，它会返回正确的宽度。

为什么会这样？我所有的 CSS 都应该已经加载，那么为什么几秒钟的停顿会有所不同？

Answer 1

图片加载完成后需要检查图片宽度。

所以要么:

// NOTE: not $(document).ready
$(window).load(function() {
  var width = $('.logo img').width();
});

或者

$('.logo img').load(function() {
  var width = $(this).width();
});

应该给出正确的宽度。