jquery - jQuery：隐藏元素 - 一般问题

Question

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

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

谢谢

score 2 · Accepted Answer

没有我知道的解决方法。

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

希望这可以帮助。

score 0 · Accepted Answer

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

score 0 · Accepted Answer

0

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

于 2009-11-27T00:44:37.287 回答

score 0 · Accepted Answer

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

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

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

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

希望这可以帮助！

4 回答 4