jQuery樣式問題

我只使用jQuery進行樣式設置，而使用body標籤中的html標籤創建div。問題在於瀏覽器首先顯示頁面內容與左側對齊，幾秒鐘後內容按照jQuery CSS樣式排列。我的問題是：有沒有辦法讓瀏覽器在正確的位置顯示內容，而無需先將它對齊到左側？謝謝。jQuery樣式問題

2011-08-14 FadelMS

如何使用CSS文件，並把所有的jQuery不需要的樣式在那裏？ –

是的。這正是我所做的。謝謝 – FadelMS

您的選擇：

2011-08-14 08:03:52

第二個選項不起作用。所以我用正常樣式表替換了jQuery css。謝謝 – FadelMS

對於jQuery有一個元素來應用樣式，它必須已經由瀏覽器呈現。因此，內容必須首先顯示，而不使用JavaScript應用的樣式。爲避免無格式內容的閃爍，請將display：none添加到該內容，然後使用jQuery在樣式化後顯示它。

<div id="myJqueryStyledStuff" style="display:none">content</div> 

<script>$('#myJqueryStyledStuff').show();</script>

2011-08-14 08:01:38

strada的答案更好，因爲它會正確支持JavaScript禁用的瀏覽器。 no.good.at.coding是正確的，使用jQuery的基本風格並不是一個好主意。我實際上無法想到需要的情況。所以你可能不應該這樣做。 –

如果您之前在頁面加載，使事情在$(document).ready();事件可見在您的主要<body>標籤設置display:none或visibility:hidden;，它應該工作。

2011-08-14 08:02:53 jkeesh

首先在頭部分的腳本標籤補充一點：

document.documentElement.className += ' js';

這增加了一個類，如果啓用了JS的HTML元素。你可以使用這個類中的CSS，如：

.js #wrapper{ 
     display:none; 
}

我們用這個「JS」類，因爲你不應該隱瞞不支持JavaScript的人的內容。

包裝在這裏是你使用jQuery風格的元素id。然後當你完成jQuery操作時，用jquery顯示樣式元素。

2011-08-14 08:07:56 strada

回答