jQuery：隐藏元素 - 一般问题答案

【问题标题】：jQuery: hidden elements - general questionjQuery：隐藏元素 - 一般问题
【发布时间】：2009-11-27 00:40:03
【问题描述】：

当元素被隐藏时，您无法阅读例如。它们的尺寸，这是一般的 javascript 问题还是 jQuery 中可能有解决方法？

我有例如。一些包含小部件的选项卡，由于它们被隐藏，初始化它们无法正常工作。

谢谢

【问题讨论】：

【解决方案1】：

没有我知道的解决方法。

但是，您可以在 CSS 中使用 visibility:hidden 而不是 display:none。使用可见性隐藏的元素：隐藏保持其位置和大小，但只是不可见。

希望这会有所帮助。

【讨论】：

【解决方案2】：

This dimension plugin 表示可以获取隐藏元素的尺寸。

【讨论】：

【解决方案3】：

如果你设置了可见性：隐藏元素仍然占用空间，所以设置位置：绝对以及将其移出文档流。如有必要，您可以将元素放置在屏幕之外，这样它就不会隐蔽地阻止事件等。

$("#el").css({
    visibility: "hidden",
    position: "absolute",
    left: "-9999px"
});

从那里您仍然可以读取元素的宽度。例如：

$("#el").width();

希望这会有所帮助！

【讨论】：

【解决方案4】：

blog post 重点介绍了一种获取使用 display:none 隐藏的元素尺寸的方法。这里的其他答案涉及相同的想法，但都没有提供将 CSS 属性恢复为其原始值的解决方案。

【讨论】：