隐藏按钮，但带有空格

Question

我有一个系统，我决定隐藏所有按钮，然后(在页面底部)使它们再次作为jQuery按钮可见。

在开始的时候：

$('button').hide();

最后：

$('button').button(...button options yadda yadda...);

并且我的脚本会按照建议加载到页面的底部。

当页面呈现时，它呈现时没有按钮，并且不呈现它们的空白区域。但是，当jquery开始执行操作时，页面会弹出并扩展呈现按钮的空白空间。

如何才能使页面呈现按钮空间，即使它们是隐藏的？

Answer 1

使用按钮的visibility属性代替hide() / Show()函数，hide()使用display:none，通过阅读更多内容

展示

$('button').css('visibility', 'visible');

藏起来

$('button').css('visibility', 'hidden');

Answer 2

如果我没理解错你的问题。

jQuery函数hide()在CSS中将元素设置为display:none;。对于要保留元素空间的文档，需要将元素设置为

visibility: hidden;