隱藏按鈕，但與空白

Question

我有這個系統，我決定隱藏所有的按鈕，並在以後（在頁面的底部）使他們再次可見作爲一個jQuery按鈕。

在開頭：

$('button').hide(); 

在結束：

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

我的腳本是在頁面的底部加載建議。

當頁面呈現時，它呈現沒有按鈕，並且不呈現它們的空白空間。但是，當jquery開始行動時，頁面會彈出並展開按鈕將呈現並呈現它們的空白空間。

如何讓頁面呈現按鈕空間，即使它們被隱藏？

Answer 1

使用按鈕visibility屬性，而不是hide()/Show()功能，隱藏（）使用顯示：無，多讀一些超過here

要顯示

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

要隱藏

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

Answer 2

如果我正確理解你的問題。

jQuery函數hide()在CSS中將元素設置爲display:none;。對於文檔，以保持要素的空間，你需要的元素設置爲

visibility: hidden;