加載元素的jQuery位置

-2

我正在使用jQuery來應用一些CSS規則在我的頁面上放置多個對象。但是首先加載頁面，然後完成CSS規則。加載元素的jQuery位置

因此，您看到頁面的元素位置錯誤，之後所有內容都移動到正確的位置。

有什麼辦法解決這個問題嗎？

實施例：http://mactua.eu/mactua3/index.php?language=nl（檢查按鈕）

P.S.我知道我的jQuery代碼是一個爛攤子，但我不給了很多關於它...

2013-04-06 MathiasB

請發佈**相關** HTML和腳本代碼到您的問題中，如果可能的話**另外**一個[** jsFiddle **]（http://jsFiddle.net）展示這個問題。鏈接頁面而不顯示代碼的問題在於，鏈接已死或網站已關閉，您的問題將沒有上下文，對於將來尋找類似問題解決方案的用戶來說沒有用處。 – Nope 2013-04-06 09:29:23

這裏正常工作。 – 2013-04-06 09:30:54

@MathiasB你應該在有人關閉它之前重寫你的問題。製作一個jsFiddle並更詳細地解釋你的問題。即使你的問題還沒有完成。這將有助於解決同樣的問題。 – Max 2013-04-06 10:07:15

您可以添加display:none到類more_button_container的CSS。然後在你的jQuery代碼結束，你可以使用：

$('.more_button_container').show()

來源

2013-04-06 09:33:03

謝謝，這將做我想要的！ – MathiasB 2013-04-06 09:50:48

地說：

body { visibility: hidden; }

在你的CSS文件

。然後讓你的jQuery代碼重新定位的一切，做：

$("body").css("visibility", "visible");

來源

2013-04-06 09:32:49 Barmar

也是一個很好的解決方案，但我會用上面的解決方案... 謝謝！ – MathiasB 2013-04-06 09:51:10

我建議你提供移動到第一位置的所有元素的初始CSS文件。想象一下，有人打開你的網站，並且不允許JavaScript。這將是一個爛攤子。這將解決您的問題。

您可以放置所有框和按鈕與CSS，不需要JavaScript。如果你想中間的按鈕，你需要做這樣的事情：jsFiddle centered a tag

爲中心，你只需要這個CSS代碼

width: 80px; 
margin: 0 auto;

塊元素。如果不是這樣，例如一個標籤塊元素你還需要另外的規則display: block;。

來源

2013-04-06 09:55:58 Max

這是事實，在大多數情況下。但在這種情況下，如果我用CSS定位所有東西，我就會遇到奇怪的z-index問題......所以jQuery是唯一簡單的解決方案。關於no javascript的問題，我已經用一個簡單的替代css來解決這個問題，它相對放置按鈕。 – MathiasB 2013-04-06 10:00:49

加載元素的jQuery位置

回答

相關問題