jquery - ボタンを非表示にしますが、空白があります

Question

私はこのシステムを持っており、すべてのボタンを非表示にし、後で（ページの下部で）それらをjQueryボタンとして再び表示することにしました。

初めに：

$('button').hide();

終わりに：

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

そして、私のスクリプトは、推奨されているようにページの下部にロードされます。

ページがレンダリングされるとき、ボタンなしでレンダリングされ、空のスペースはレンダリングされません。しかし、jqueryが動作するようになると、ページがフリックして、ボタンがレンダリングされる空のスペースを展開し、ボタンをレンダリングします。

ボタンスペースが非表示になっている場合でも、ページにボタンスペースをレンダリングさせるにはどうすればよいですか？

Answer 1

/関数visibilityの代わりにbuttonのプロパティを使用し、hide（）はdisplay：noneを使用します。詳細はこちらをご覧くださいhide()Show()

表示するには

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

隠れる

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

Answer 2

私があなたの質問を正しく理解していれば。

このjQuery関数は、CSSでhide()要素をに設定します。display:none;ドキュメントで要素のスペースを維持するには、要素を次のように設定する必要があります。

visibility: hidden;