jQuery：隐藏元素 - 一般问题

Question

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

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

谢谢

Answer 1

据我所知，没有解决方法。

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

希望这有帮助。

Answer 2

这个尺寸插件说它可以获取隐藏元素的尺寸。

Answer 3

如果您设置visibility:hidden，该元素仍然占用空间，因此还要设置position:absolute以将其移出文档流。如有必要，您可以将元素放置在屏幕之外，这样它就不会无形地阻止事件等。

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

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

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

希望这有帮助！

Answer 4

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