jQuery：將額外的CSS文件添加到當前頁面

Question

我有一個網站使用screen.css作爲主要的CSS文件。我爲1024+分辨率的顯示器添加了這個功能。

$(document).ready(function(){ 
if(screen.width > 1024) { 
    $('link').attr('href','hi-res.css'); 
} 
}); 

的問題是，HI-res.css正在取代screen.css ......我不想來取代它，我只是想加載在這種情況下，額外的CSS。有任何想法嗎？謝謝。

Answer 1

其附加到你的頭：

$("head").append("<link id='yournewcss' href='hi-res.css' type='text/css' rel='stylesheet' />"); 

Answer 2

試試這個..而不是替換附加一個。

$('head').append($('<link>').attr('href','hi-res.css')); 

Answer 3

你想.append：O）

$(document).ready(function(){ 
    if(screen.width > 1024) { 
     $('head').append('<link href='hi-res.css' type='text/css' rel='stylesheet' />') 
    } 
}); 

Answer 4

你可能想看看下面的鏈接：

How to load up CSS files using Javascript?