隱藏元素顯示高度問題？

-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

隱藏元素顯示高度問題？

回答

相關問題