隱藏按鈕，但帶有空白

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;