jquery - 隐藏按钮但有空格

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;