隐藏按钮，但带有空白

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()将元素设置为display:none; 在CSS中。 为了使文档保持元素空间，您需要将元素设置为

visibility: hidden;