隐藏元素显示高度问题？

-1

因为我隐藏#parent元素它会从页面中消失，但仍然显示高度写入警报，我应该使用什么jQuery/CSS代码来获得隐藏元素的零高度，我得到了一些像隐藏元素的答案仍然是在页面上显示高度。如果它是真的，那么请告诉我替代方式来获取隐藏元素的高度为零，我需要这个对于一些UI项目，实际上我是从窗口高度减去隐藏元素高度来设置Google地图高度。隐藏元素显示高度问题？

<div id="parent"> 
     <div id="target" style="height:100px;"> 

    </div> 
</div> 
<script> 
$(document).ready(function(){ 
    alert($("#target").height()); 

    $("#target").hide(); 

    alert($("#target").height()); 
}); 
</script>

来源

2015-01-14 Nitin Gite

隐藏一个元素不会改变任何其他的属性，比添加'display：none'元素样式。如果你想隐藏高度为0，你应该在该元素上使用'.height（0）'。 –

这是如何引起你的问题？ – atmd

您可以检查，看看是否该元素是隐藏在页面上，如果该元素是隐藏的，那么你可以使用的0

var height; 
if ($("#target").is(":hidden")){ 
height = 0 
//Other code 
}

来源

2015-01-14 14:00:32 tabz100

<div id="parent"> 
    <div id="target" style="height:100px;"> 

</div>

<script> 
$(document).ready(function(){ 


    alert($("#target").height()); 



    $("#target").hide(); 



    alert(document.getElementById('target').clientHeight); 


}); 
</script>

高度

来源

2015-01-14 14:02:23

隐藏元素显示高度问题？

回答

相关问题