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/