码迷,mamicode.com
首页 > Web开发 > 详细

jquery使用height()返回元素高度总是为0

时间:2015-05-09 16:44:13      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:

var mObj = $(‘#menu_list‘);
var mHeight = mObj.height();
console.log(mHeight);//0

当我在console里面,直接获取元素的高度,又是正常的。

$(‘#menu_list‘).height();//45

百度了一下,jQuery使用height()返回0的问题,都是说因为jQuery无法获取隐藏元素.但是我的元素是显示的,并没有隐藏。

仔细想了下,想起来是菜单下面的元素使用了float属性。而float属性,会导致父元素的高度为0.以前在chrome或者Firefox下查看元素,父元素的高度都会是0.chrome的标尺会直接标出来是0,而Firefox下,则会看不到父元素。

想到了这点,就开始验证。

.clearfix:after{display: block;height:100%;_height:100%;clear:both;content:‘\020‘;}
.clearfix{zoom:1;}

加入clearfix的样式

<ul id="menu_list" class="clearfix">
....
</ul>

再次刷新页面:

console.log(mHeight);//45

OK!

jquery使用height()返回元素高度总是为0

标签:

原文地址:http://my.oschina.net/qii/blog/412763

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!