jQuery是不是爲IE瀏覽器編寫CSS代碼的好選擇?很多時候我面臨着這個問題。有時候很難理解如何重寫包括IE在內的所有瀏覽器的代碼,有時候我會用jQuery來改變一小段代碼,但是有一個問題,如果用戶的互聯網帶寬很弱,jQuery會在頁面之後加載CSS已經完全加載,它總是這樣,新用戶可以對網站產生不好的印象,等等。那麼,有什麼建議可以改善這一點?CSS,jQuery和IE。
0
A
回答
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的增強。
相關問題
- 1. IE與jquery和CSS問題
- 2. IE:矩陣轉換通過jQuery和css
- 3. IE/jQuery/CSS的兼容性
- 4. jQuery的 - 只有IE的CSS
- 5. CSS和IE 8和7
- 6. jQuery .live()和IE
- 7. IE和Chrome jQuery和CSS的支持問題
- 8. CSS和JQuery不能在IE 11和Firefox的Angular2 HostListener中工作
- 9. css target IE和Microsoft Edge
- 10. CSS佈局和IE 6
- 11. CSS變換的Chrome和IE
- 12. IE 8 div和css光標
- 13. CSS - @media不與Firefox和IE
- 14. YUI-CSS在IE 6和7
- 15. jquery驗證和IE
- 16. jquery和IE問題!
- 17. jquery/css在IE瀏覽器的jQuery顯示中更改css
- 18. jQuery .css()和css hover
- 19. jQuery的CSS選擇器在IE
- 20. 在IE中處理JQuery/CSS錯誤
- 21. JQuery的CSS在IE 6中失敗,8
- 22. Jquery - 與IE瀏覽器的CSS翻譯
- 23. 擺脫jQuery/CSS IE slideUp閃光?
- 24. IE/Chrome中的jQuery/CSS高度問題
- 25. jQuery插件,使IE正常呈現css
- 26. 結合IE瀏覽器與jQuery的CSS()?
- 27. 問題與CSS和.load()jQuery的IE瀏覽器
- 28. JQuery .show()和等效的CSS修改不適用於IE 8
- 29. jquery表排序和css修復爲IE 8
- 30. Firefox和IE如何處理jQuery CSS有什麼區別?