确定 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中文网其他相关文章!