使用隱藏元素時,取得其尺寸可能很困難。許多開發人員採取暫時暴露元素,測量其高度,然後再次隱藏的方法。然而,有一個更有效的方法。
jQuery 為這個任務提供了一個方便的解決方案。以下是如何取得隱藏父div 中隱藏元素的高度:
<code class="javascript">var previousCss = $("#myDiv").attr("style"); $("#myDiv").css({ position: 'absolute', // Optional if #myDiv is already absolute visibility: 'hidden', display: 'block' }); optionHeight = $("#myDiv").height(); $("#myDiv").attr("style", previousCss ? previousCss : "");</code>
此方法涉及將元素的位置設為「絕對」(如果已經是絕對,則可選),使其不可見,並且暫時取消隱藏它。然後,您可以測量其高度並恢復其先前的樣式屬性。此方法可讓您使用隱藏元素,而不會破壞頁面佈局或導致不必要的閃爍。
以上是如何在 jQuery 中取得隱藏元素的高度?的詳細內容。更多資訊請關注PHP中文網其他相關文章!