jquery - 隐藏按钮但有空白

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');