用safari浏览器计算jquery中div宽度的问题

Question

我有一个包含图像的div，在css中我将图像高度设置为100％（继承div的高度），图像宽度设置为auto，因为我有不同宽度的不同图像但是我想让所有图像都有同样的高度。

我也使用jquery脚本来读取图像的宽度并使用它编号。一切都适用于所有浏览器，除了safari。

当我使用jquery警报获取我在safari中得到0的宽度值时（所有其他浏览器返回有效值）

显然，这里的safari浏览器存在一些问题，有人可以帮我找到解决方案吗？

这是代码的简化示例：

的CSS：

.example-div { height: 500px; width: 100%; position: absolute; }
.example-div img { height: 100%; width: auto; position: absolute; left: 0; }

HTML：

<div class="example-div">
     <img src="example.jpg" />
</div>

jquery：

var i= $('.example-div img').width();
$('.example-div img').css('left', i);

*我忘了提 - 我正在从Windows O / S运行safari浏览器。我不知道这个问题是否也出现在mac PC *

上