日期:2014-05-16  浏览次数:20305 次

关于Chrome下获取元素宽度高度问题
部分html:
<div id="bi-d" class="bi-d">
    <a id="hideImg"></a><a id="aimgcon">
         <img id="showPhoto" class="showPhoto img" src="" alt="" />
    </a>
</div>


f_picSrc = $(".photolist_s li").eq(i - 1).find("a").attr("rel");
$(".imageDescription").html($(".photolist_s li").eq(i - 1).find("a").attr("info"));
var f_img = "<img id='hide' src=" + f_picSrc + "  alt=\"\" />";
$("#hideImg").html(f_img);
var imgHeight = $("#hideImg").outerHeight();
var imgWidth = $("#hideImg").outerWidth(); 

用着几句代码动态获得图片的宽度和高度,FF和IE下都能正常获得,但是在谷歌下不行,这是什么原因呢,大家有人知道吗
------解决方案--------------------
图片没加载完吧。。放onload试试


    var f_img = "<img id='hide' src=" + f_picSrc + "  alt=\"\" onload=\"alert($('#hideImg').outerHeight())\" />";