Question

当我隐藏#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>

Answer 1

您可以检查元素是否隐藏在页面上，如果元素被隐藏，那么您可以使用0的高度。

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

Answer 2

   <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>

隐藏元素显示高度问题？

2 个答案: