javascript - jq获取页面元素的高度与实际不符合(无法获取图片高度，有时候可以，有时候不行)，急急急！！！！！

问题描述

问 题

元素里面有张图片，开始以为是图片没加载出来导致的，我再图片那加了个onload事件也是不行，求问为什么？

<div class="bd">
<ul>
    <li><a href="#"><img src="images/icon_list01.png" class="one" /></a><p>家政服务</p></li>
    <li><a href="#"><img src="images/icon_list02.png" /></a><p>医疗保健</p></li>
    <li><a href="#"><img src="images/icon_list03.png" /></a><p>饮食服务</p></li>
    <li><a href="#"><img src="images/icon_list04.png" /></a><p>生活照料</p></li>
    <li><a href="#"><img src="images/icon_list05.png" /></a><p>康复护理</p></li>
    <li><a href="#"><img src="images/icon_list06.png" /></a><p>心里疏导</p></li>
</ul>
</div>

css

.bd ul{ width:100%;  float:left; padding-top:.1rem;  }
.bd li{ width:30%; height: 100%; float:left; text-align:center; margin: .1rem;}
.bd li p{font-size: .28rem;}
.bd li a{display: inline-block; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
.bd li img{ width:100%;}

js

var a = $('.bd ul li a').height();

解决方案

js 获取 a的高度的时候， 图片还没有加载出来 ，拿不到高 跟 js的顺序有关。

这篇关于javascript - jq获取页面元素的高度与实际不符合(无法获取图片高度，有时候可以，有时候不行)，急急急！！！！！的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！