隐藏按钮但带有空白区域

Question

我有这个系统，我决定隐藏所有按钮，稍后（在页面底部）让它们再次作为jQuery按钮可见。

一开始：

$('button').hide();

最后：

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

我的脚本按照建议填写在页面底部。

当页面呈现时，它呈现没有按钮，并且不呈现它们的空白空间。但是当jquery开始动作时，页面会弹出并展开按钮将被渲染的空白区域并进行渲染。

即使隐藏了按钮空间，如何使页面呈现按钮空间？

Answer 1

使用按钮的visibility属性代替hide() / Show()功能，hide（）使用display：none，通过 here 了解更多信息

显示

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

隐藏

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

Answer 2

如果我理解你的问题。

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

visibility: hidden;