使用最小宽度后获得真正的宽度

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
})

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