確定 jQuery 中隱藏元素的高度
處理隱藏元素時,確定其尺寸可能很困難。當需要檢索位於隱藏父元素內的元素的高度時,就會出現此問題。一種常見的方法是暫時顯示父元素,提取高度,然後再次隱藏它。
但是,這種方法似乎效率低。有沒有更優化的解決方案?
對於 jQuery 用戶,可以採用更複雜的方法來檢索元素高度,即使在隱藏時也是如此。透過利用jQuery 的「絕對」定位和「可見性」操作,我們可以暫時使隱藏元素可見以用於測量目的:
<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>
此技術涉及將具有隱藏父級的元素設為具有絕對位置,這將其從正常文件流中刪除,並隱藏可見性,使其對使用者不可見。隨後,將“display”屬性設為“block”,允許元素佔據空間,迎合高度測量。
檢索高度後,恢復原始 CSS 樣式以保持元素之前的狀態。這種方法提供了一種更簡潔有效的方法來確定 jQuery 中隱藏元素的高度,避免暫時顯示變更和不必要的閃爍。
以上是如何在 jQuery 中取得隱藏元素的高度?的詳細內容。更多資訊請關注PHP中文網其他相關文章!