2011-07-30 92 views
0

jQuery是不是爲IE瀏覽器編寫CSS代碼的好選擇?很多時候我面臨着這個問題。有時候很難理解如何重寫包括IE在內的所有瀏覽器的代碼,有時候我會用jQuery來改變一小段代碼,但是有一個問題,如果用戶的互聯網帶寬很弱,jQuery會在頁面之後加載CSS已經完全加載,它總是這樣,新用戶可以對網站產生不好的印象,等等。那麼,有什麼建議可以改善這一點?CSS,jQuery和IE。

回答

2

的jQuery加載CSS後,頁面完全加載

的jQuery應該負責裝載所有你的CSS。希望這不是你的意思。

但是,如果您正在討論在所有javascript執行完畢之前可能出現的醜陋閃光,一種技巧是爲您的用戶編寫特定的CSS,而不使用JavaScript。這個想法基本上是這樣的:

<html class="no-js"> 

然後當jQuery的負荷,立刻打電話是這樣的:

$('html').removeClass('no-js').addClass('js'); 

然後你可以在CSS中使用此選擇目標元素時,jQuery是或沒有加載或啓用。

.my-widget { 
    /* default style */ 
} 
.js .my-widget { 
    /* style with javascript */ 
} 
.no-js .my-widget { 
    /* style without javascript */ 
} 

HTML5Boilerplate文檔兩者(用於一個地方這種技術):

我更喜歡沒有JavaScript的用戶編寫明確的風格。我網站上的大多數 都希望使用JavaScript,因此這意味着我的CSS選擇器的60% 前綴爲.js。或者我可以有一些針對性的 .no-js覆蓋並解決這種情況。更多在這裏:雖然 http://paulirish.com/2009/avoiding-the-fouc-v3/http://paulirish.com/2009/avoiding-the-fouc-v3/#comment-34951

在一般情況下,儘量確保一切看起來沒有JavaScript的好,用js的增強。