jQuery を使用して CSS ルールを適用し、ページに複数のオブジェクトを配置しています。ただし、最初にページが読み込まれ、次に CSS ルールが実行されます。
したがって、要素が間違った位置にあるページが表示され、その後、すべてが正しい場所に移動します。
それを修正する方法はありますか？
例: http://mactua.eu/mactua3/index.php?language=nl (ボタンをチェック)
PS jqueryコードがめちゃくちゃであることは知っていますが、それについてはあまり説明しません...
display:noneクラスの CSS に追加できますmore_button_container。次に、jquery コードの最後で、次を使用できます。
$('.more_button_container').show()
置く：
body { visibility: hidden; }
あなたのCSSファイルで。次に、jQuery コードですべてを再配置して、次のようにします。
$("body").css("visibility", "visible");
すべての要素を最初の位置に移動する初期 CSS ファイルを提供することをお勧めします。誰かがあなたの Web サイトを開いて、JavaScript が許可されていないとします。それは混乱でしょう。そして、これはあなたの問題を解決します。
すべてのボックスとボタンを CSS で配置できます。JavaScript は必要ありません。ボタンを中央に配置したい場合は、次のようにする必要があります: jsFiddle centered a tag
ブロック要素を中央に配置するには、この CSS コードのみが必要です
width: 80px;
margin: 0 auto;
たとえば、タグのようなブロック要素でない場合は、さらにdisplay: block;ルールが必要になります。