jquery - 使用 min-width 后获取实际宽度

Question

目标是在对象符合min-width和min-height标准后获取对象的宽度:

.myclass{
   min-width:100px;
   min-height:100px;
 }

原始图像为 100 x 50，添加到页面后变为 200 x 100。 然而，当使用 jquery 调用图像宽度时，结果是 100px(最小宽度)。

var object_width = $('.myclass').width();

Answer 1

在检查元素的宽度之前，您必须等待图像加载完毕。您可以通过在图像的 load 事件上附加一个函数来做到这一点，例如:

$('img').load(function(){
   // Check the width of .myclass here
})

这是一个证明概念的 jsfiddle 小例子:http://jsfiddle.net/TjHY2/1/